Framework7 - Popover

Descripción

Para gestionar la presentación de contenido temporal, se puede utilizar el componente popover. Existirá hasta que haga clic fuera de la ventana emergente o puede descartarlo explícitamente.

Se sugiere no usar popover en pantallas pequeñas (iPhone). Debe usar la hoja de acción o la hoja de acción para ver la cobertura emergente que se analiza en el siguiente capítulo.

El diseño del popover es muy simple y generalmente se agrega al final de la sección <body> como se muestra a continuación:

<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 es altamente personalizable. Puede colocar cualquier elemento dentro y evento otra vista con navegación. La siguiente tabla muestra los tipos de popover usados en Framework7 -

S. No	Tipos y descripción
1	Abrir y cerrar Popover Se puede abrir y cerrar el popover usando HTML y JavaScript.
2	Popover dinámico El popover se puede crear dinámicamente utilizando métodos de aplicación relacionados.
3	Eventos Popover Para detectar cómo interactúa el usuario con el popover, puede usar eventos popover.

↰ Previous page