Framework7-ポップオーバー

説明

一時的なコンテンツの表示を管理するには、ポップオーバーコンポーネントを使用できます。ポップオーバーウィンドウの外側をクリックするか、明示的に閉じることができるまで存在します。

'_小さな画面（iPhone）ではポップオーバーを使用しないことをお勧めします。次の章で説明するlink：/framework7/action_sheet [アクションシート]またはlink：/framework7/actionsheet_convert_to_popover [アクションシートからポップオーバーへの変換]を使用する必要があります。_

ポップオーバーレイアウトは非常にシンプルで、通常、以下に示すように_ <body> _セクションの最後に追加されます-

<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は高度にカスタマイズ可能です。任意の要素を内部に配置し、ナビゲーションを使用して別のビューをイベントにできます。次の表は、Framework7で使用されるポップオーバータイプを示しています-

S.No

Types & Description

1

Open and close Popover

ポップオーバーの開閉は、HTMLとJavaScriptを使用して実現できます。

2

Dynamic Popover

ポップオーバーは、関連するアプリメソッドを使用して動的に作成できます。

3

Popover Events

ユーザーがポップオーバーと対話する方法を検出するには、ポップオーバーイベントを使用できます。

Framework7-popover

Framework7-ポップオーバー

説明