View
ビューは、ウィジェットのページのように機能します。
- 各ウィジェットには少なくとも1つのビューが必要です。
- ウィジェットには常に初期ビューがあり、これはウィジェットが最初に表示されたときに表示されるビューです。
View Types
オーバーレイビュー
オーバーレイビューは、ウェブサイト上の他のコンテンツの上に浮遊します。画面の中央やページの端に配置できます。
オーバーレイビューにはオプションの背景があり、ビューの背後に配置され、ページ全体を覆います。これは、ビューが視覚的に焦点を合わせられるように、ページを暗くしたり明るくしたりするために使用できます。
埋め込みビュー
埋め込みビューは、ページの特定のセクションに挿入されます。ビューはページ上のスペースを占め、他の要素のフローとレイアウトに影響を与えます。
埋め込みセレクター
ビューの挿入ポイントは、CSSセレクターとして指定されます。
例えば、セレクターの#banner_containerは、以下のHTMLドキュメントのセクションを対象とするために使用できます。
<!doctype html>
<html>
<head>
...
</head>
<body>
...
<div id="banner_container">...</div>
...
</body>
</html>埋め込みモード
埋め込みビューは、ターゲットとするページの部分に**前に挿入（prepended）**されるか、**後に挿入（appended）**されます。これにより、そのセクションに既に存在する他のコンテンツの前または後にビューが挿入されます。
埋め込みラッパーの高さ
埋め込みビューは、ページに挿入される前に「ラッパー」要素内に作成されます。デフォルトでは、このラッパー要素はビュー自体の高さを自動的に引き継ぎますが、特定の高さを指定することもできます。
例えば、ラッパーの高さをビューより高くすることで、ビューをページの一部に埋め込み、垂直方向に中央揃えにすることができます。
Z-Index
z-indexプロパティを使用すると、ページ上の他のコンテンツに対するビューの重なり順を上書きできます。
INFO
一部のウェブサイトでは、ビューがページ上の他のコンテンツの上に表示されるように、z-indexに大きな値を指定する必要がある場合があります。
Transitions
ビューは、表示されたときに画面に遷移するように設定できます。
INFO
「Switch to View」アクションを使用してあるビューから別のビューに切り替える場合、トランジションはスキップされます。これは、「オファーフライアウト」ウィジェットテンプレートのように、ウィジェットが複数のビューを連続する画面として機能させる一般的なユースケースを可能にするためです。