Framework7 - Popover

Descrição

Para gerenciar a apresentação de conteúdo temporário, o componente popover pode ser usado. Ele existirá até que você clique fora da janela popover ou você pode dispensá-lo explicitamente.

É recomendável não usar popover em telas pequenas (iPhone). Você deve usar a folha de ação ou a folha de ação para abrir a capa que é discutida no próximo capítulo.

O layout popover é muito simples e geralmente é adicionado no final da seção <body> , conforme mostrado abaixo -

<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 é altamente personalizável. Você pode colocar qualquer elemento dentro e em outra visualização com navegação A tabela a seguir mostra os tipos de popover usados no Framework7 -

S.Não	Tipos e descrição
1	Abrir e fechar o Popover Abrir e fechar o popover pode ser feito usando HTML e JavaScript.
2	Popover Dinâmico O popover pode ser criado dinamicamente usando métodos de aplicativo relacionados.
3	Eventos Popover Para detectar como o usuário interage com o popover, você pode usar eventos popover.

↰ Previous page