コンポーネントのプレビュー

テーマを作成または管理するときに、インスタンスに含めることができるコンポーネントをプレビューできます。

始める前に

必要なロール：admin

このタスクについて

で テーマビルダー プレビューできるコンポーネントは、Now デザインシステムで作成されたものです。詳細については、開発者ポータルの「 Next Experience コンポーネント 」 ServiceNow を参照してください。

手順

1. 移動先 すべて > Now Experience フレームワーク > テーマ > テーマビルダー.
   Theme Builder のランディングページが [ホーム] ページビューに表示されます。
2. [ホーム] ボタンから [エディター] ページ ビューを選択します。

   図 : 1. エディターページビュー

   

3. [コンポーネント スタイル] タブを選択します。
   コンポーネントのスタイルがグラフィカルに一覧表示されます。

   

4. リストをスクロールして利用可能なすべてのコンポーネントを表示することも、リストをフィルタリングして特定のタイプのコンポーネントを表示することもできます。
   1. フィルターアイコン ( ) を選択します。

      

   2. 表示するコンポーネントのカテゴリを展開し、表示するカテゴリ内の特定のコンポーネントを選択します。
      注:

      たとえば、すべてのプライマリボタンのコンポーネントを表示するには、「 ボタン」 カテゴリを展開し、「 プライマリ」、「 プライマリポジティブ」および 「プライマリネガティブ 」コンポーネントを選択します。リストには、選択したコンポーネントが表示されます。

      

5. 異なる背景色を使用してコンポーネントがどのようにレンダリングされるかをテストするには、「 キャンバスの色 」チェック・ボックスを選択します。

   図 : 2. キャンバスの色

   

6. 表示する 背景色 を選択し、[ 適用] を選択します。