コンテキストサイドバーコンポーネントへのビューポートの追加

ページにビューポートを追加すると、ページ上のタブをクリックしたときに表示される個別のコンテンツを作成できます。コンポーネント内にタブを作成します。これらのタブ内で、カスタムページやサードパーティのカスタムユーザーインターフェイスも作成できます。

始める前に

必要なロール：ui_builder_admin

このタスクについて

ページのコンテキストサイドバーコンポーネントにタブを追加して、ビューポートを作成します。次に、タブのコンテンツを作成します。

手順

1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
2. 作業するエクスペリエンスを開くか、または [+ 作成] を選択してエクスペリエンスを作成します。
   エクスペリエンスの作成の詳細については、「UI ビルダー でユーザーがアプリケーションをどのように操作するかを構成する」を参照してください。
3. ページバリアントを開くか作成します。
   UI ビルダー でページを作成する方法の詳細については、「UI Builder でのページの作成」を参照してください。
4. コンテキストサイドバーコンポーネントをページに追加します。
5. コンテンツツリーでコンテキストサイドバーコンポーネントを選択します。
6. [コンテンツの編集] をクリックします。
7. [保存して続行] をクリックします。
8. [ページとバリアント] セクションで [+] アイコンを選択します。
   
9. [名前] フィールドにページの一意の名前を入力します。
10. [URL パス] フィールドにページのパスを指定します。UI ビルダー は、前のステップで指定した名前に基づいてデフォルトのパスを生成します。
    デフォルトのパスは、ページ名に基づいて追加されます。独自のパスを作成することもできます。パスは必須で、一意になっている必要があります。パスには数字 (0 ～ 9)、文字 (A ～ Z、a ～ z)、およびいくつかの特殊文字 (「-」、「.」、「_」、「~」) を含めることができ、語の間はスラッシュまたはハイフンで区切られます。[URL プレビュー] にはページのパスが表示されます。

    

    注:

    アプリケーションスコープのデフォルトは、ユーザーが Now Platform® 内で現在存在しているスコープです。アプリケーションスコープの詳細については、「セキュリティとロールについて学習する」を参照してください。
11. 作成したページの横にある [エディター] を選択します。
12. タブのコンテンツを設計します。

    ページ自体ではなく、UI ビルダー のサブページ編集モードで設計していることに注意してください。 ページを構築する際と同じようにタブを構築できます。コンポーネントの追加、レイアウトの変更などを行うことができます。この例では、コンテキストサイドバーコンポーネントにタブを追加しています。

    
13. [保存] をクリックします。
14. [← 親ページに戻る] を選択します。
    
15. オプション: [ 構成 ] パネルをクリックして、作成したタブを編集します。
    の UI ビルダーコンポーネントにビューポートタブを追加すると、[構成] パネルが変更され、タブ構成が表示されます。[構成] パネルのタブをクリックすると、ページ上の対応するコンポーネントのタブ情報が変更されます。
16. [保存] をクリックします。