コンテキストサイドバーを追加する

UI ビルダー でページにコンテキストサイドバーを追加して、垂直タブ構造を使用して関連コンテンツを表示します。

始める前に

必要なロール：ui_builder_admin

このタスクについて

コンテキストサイドバーは、タブコンポーネントを構成するのと同じ方法で構成できます。コンテキストサイドバーの各垂直タブには、カスタムコンテンツが表示されます。各タブにコンポーネントを配置して、ページから直接すばやくアクセスできます。

たとえば、ドキュメント作成ページのあるタブに添付ファイルコンポーネントがあり、作業中のドキュメントに関連するファイルを添付できます。別のタブには、ネストされたコメントコンポーネントがあり、ドキュメントに関連するコメントを追加および表示できます。

手順

1. 次のように移動する。 All (すべて) > Now Experience フレームワーク > UI ビルダー.
2. 作業するエクスペリエンスを開くか、選択してエクスペリエンスを作成します 作成/挿入 > エクスペリエンス.
   エクスペリエンスの作成の詳細については、「UI ビルダー でユーザーがアプリケーションをどのように操作するかを構成する」を参照してください。
3. ページまたはページバリアントを開くかまたは作成します。
   UI ビルダー でページを作成する方法の詳細については、「UI ビルダーでのページの作成」を参照してください。ページバリアントの作成については、「ページバリアントの作成」を参照してください。
4. ステージで、[+ コンテンツを追加] ボタンを選択してツールボックスを開きます。
5. [1 列] のレイアウトタイルを選択します。
6. 列で、[+] アイコンを選択してツールボックスを開きます。
7. [コンテキストサイドバー] コンポーネントを選択してページに追加します。

   

   ステージにコンテキストサイドバーが表示され、構成パネルに [タブ] セクションが表示されます。
8. [タブ] セクションの構成パネルで、[設定] アイコン () を選択してタブを構成します。
   1. フォームのフィールドに入力します。

      表 : 1. タブの設定フォーム

      フィールド	説明
      タブラベル	ページのタブに表示されるラベル。
      アイコン	タブラベルの横に表示されるアイコン。 注: アイコンは必須ではありません。
      タブを非表示	タブを非表示または表示するオプション。

   2. [保存] を選択します。
9. コンテキストサイドバーのステージで、[+] アイコンを選択してツールボックスを開きます。
10. タブに追加するコンポーネントを選択します。
    コンポーネントはコンテンツツリーのタブの下に表示されます。詳細については、「コンポーネントの追加と構成」を参照してください。
11. オプション: 別のタブを追加するには、 [タブ] セクションで [+ 追加] を選択します。

次のタスク

コンテキストサイドバーとそのプロパティの構成の詳細については、ServiceNow 開発者サイトの「タブ UIB のセットアップ」を参照してください。