Framework7 - Popover

Descrizione

Per gestire la presentazione del contenuto temporaneo, è possibile utilizzare il componente popover. Esisterà fino a quando non fai clic fuori dalla finestra popover oppure puoi chiuderla esplicitamente.

Si consiglia di non utilizzare il popover su schermi piccoli (iPhone). Dovresti usare il foglio delle azioni o il foglio delle azioni per fare il popover di coperture che sono discusse nel prossimo capitolo.

Il layout popover è molto semplice e di solito viene aggiunto alla fine della sezione <body> come mostrato di seguito -

<body>
   ....
   <div class = "popover">
      <!-- Popover's angle arrow -->
      <div class="popover-angle"></div>

      <!-- Popover's content -->
      <div class = "popover-inner">
         <!-- Any content of HTML here -->
      </div>
   </div>
</body>

Il popover è altamente personalizzabile. Puoi posizionare qualsiasi elemento all'interno e creare un'altra vista con la navigazione. La tabella seguente mostra i tipi di popover utilizzati in Framework7:

S.No Tipi e descrizione
1 Apri e chiudi popover

L'apertura e la chiusura del popover può essere ottenuta utilizzando HTML e JavaScript.
2 Popover dinamico

Il popover può essere creato dinamicamente utilizzando i metodi dell'app correlati.
3 Eventi popover

Per rilevare come l'utente interagisce con il popover, puoi utilizzare gli eventi popover.