ビューポートコンポーネントによる UI エクスペリエンスの拡張
- 更新日2025年7月31日
- 所要時間:3 分
- Zurich
- "アプリケーショの構築"
ビューポートは、UI ビルダー の親ページを所有しなくてもエクスペリエンスを拡張できるようにする特殊なコンポーネントです。ビューポートは 3 とおりの方法で操作できます。ビューポートコンポーネントまたはビューポート対応タブをページに追加することも、ビューポートをコンテキストサイドバーコンポーネントに追加することもできます。
ページ自体のコンテンツを所有していない場合でも、ビューポートコンポーネントをページに追加することで、別のコンテンツを作成できます。サブページを作成し、対象者を指定するか、さまざまなデータ、ルート、画面でコンテンツをカスタマイズします。ビューポートコンポーネントの詳細ついては、「ビューポートコンポーネントをページに追加する」を参照してください。
サードパーティのカスタムデータを表示し、対象者をアサインし、バリアントを作成する方法として、タブコンポーネントをビューポート対応のタブに置き換えることができます。ビューポート対応のタブの詳細については、「ビューポート対応のタブでのタブの置き換え」を参照してください。
UI ビルダー の [コンテンツの編集]モードを使用して、ビューポートまたはタブセットをページまたはコンテキストサイドバーコンポーネントに追加します。コンテキストサイドバーコンポーネントのタブの編集は、[構成] パネルを使用するページの場合と同じように行うことができます。主な違いは、タブの [コンテンツの編集] モードでは、ページ管理領域が [タブ管理 (Tab management)] に変わることです。
メニューアイコン
を選択してタブ設定を編集するか、必須またはオプションのパラメーターを変更します。
ビューポートモーダルをエクスペリエンスに追加して、親ページ/エクスペリエンスのモーダル内にサブページまたは他のエクスペリエンスを埋め込みます。ビューポートモーダルをエクスペリエンスに追加する方法の詳細については、「エクスペリエンスにビューポートモーダルを追加する」を参照してください。