Framework7 - Popover

La description

Pour gérer la présentation du contenu temporaire, un composant popover peut être utilisé. Il existera jusqu'à ce que vous cliquiez en dehors de la fenêtre popover ou que vous puissiez le rejeter explicitement.

Il est suggéré de ne pas utiliser de popover sur les petits écrans (iPhone). Vous devez utiliser la feuille d'action ou la feuille d' action pour afficher la conversion qui est abordée dans le chapitre suivant.

La mise en page popover est très simple et est généralement ajoutée à la fin de la section <body> comme indiqué ci-dessous -

<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>

Popover est hautement personnalisable. Vous pouvez placer n'importe quel élément à l'intérieur et créer une autre vue avec la navigation. Le tableau suivant montre les types de popover utilisés dans Framework7 -

S. Non Types et description
1 Ouvrir et fermer Popover

L'ouverture et la fermeture du popover peuvent être réalisées en utilisant HTML et JavaScript.
2 Popover dynamique

Le popover peut être créé dynamiquement à l'aide des méthodes d'application associées.
3 Événements Popover

Pour détecter comment l'utilisateur interagit avec le popover, vous pouvez utiliser des événements popover.