複数の UI ページにわたるページコレクションの作成

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間:2分
  • エクスペリエンス全体で使用できるタブ付きコンテンツに対応するページコレクションを作成します。

    始める前に

    必要なロール:ui_builder_admin

    このタスクについて

    ページコレクションを使用して、 UI ビルダーのタブコンポーネントでエクスペリエンスにタブ付きコンテンツを作成します。

    ページコレクション内のページは、親ページの URL パラメーターまたはデータリソースにアクセスできません。ページコレクション内のページに条件を設定して、特定の対象者に表示するページを定義できます。ページコレクション内ではページテンプレートはサポートされません。

    手順

    1. クリックします 作成/挿入 > ページコレクション.
    2. フォームのフィールドに入力します。
      表 : 1. [ページコレクションを作成] フォーム
      フィールド 説明
      名前 ページコレクションを内部で追跡するための名前。
      アプリシェル UI ページコレクションで使用するアプリシェル UI のタイプ。アプリシェルはページコンテンツのラッパーであり、Web ページの機能に似ています。アプリシェルでは、会社のロゴ、ユーザー設定、検索アイコンなどを表示できます。詳細については、「アプリシェルを使用した UI エクスペリエンスの定義」を参照してください。
      コンポーネント ページコレクションを使用するコンポーネントを選択します。ページコレクションは、次のコンポーネントで使用できます。
      • ビューポート
      • ビューポートモーダル
      • タブ
      説明 ページコレクションを見つける際に役立つ簡単な説明。ページをビルドしているユーザーが、ページコレクションに含まれるコンテンツを理解する際に役立つ説明を記述します。
    3. [次へ] をクリックします。
    4. データをページコレクションに接続するコントローラーを選択します。
      選択したコントローラーが別のコントローラーに依存している場合は、両方を追加する必要があります。
    5. [ラベル] フィールドにラベルを入力します。
    6. [ID] フィールドに一意の ID を入力します。
    7. [作成] をクリックします。
    8. [新規ページの作成] をクリックします
    9. [名前] フィールドにページの一意の名前を入力します。
    10. [パス] フィールドにページのパスを指定します。UI ビルダー は、前のステップで指定した名前に基づいてデフォルトのパスを生成します。
      注:
      アプリケーションスコープのデフォルトは、ユーザーが属するスコープです。アプリケーションスコープの詳細については、「セキュリティとロールについて学習する」を参照してください。
    11. [続行] をクリックします。
    12. オプション: このページの対象者を 1 人以上追加します。
      必要な対象者がリストにない場合は、[プラットフォームで対象者を開く] リンクを選択して作成できます。
    13. オプション: このページに 1 つ以上の条件を追加します。
    14. [ レスポンシブをビルド ] オプション (デフォルト) を選択して、さまざまな画面フォームファクターでのページの表示方法をより詳細に制御するか、[ レスポンシブなしでビルド ] を選択して自動調整を行います。

      ページを最初から作成する場合にレスポンシブオーサリングとリフローオプションを表示するステップ。

      詳しくは、「Responsive authoring (レスポンシブオーサリング)」を参照してください。

    15. オプション: ページコレクションにページをさらに追加します。