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

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

始める前に

必要なロール：ui_builder_admin

詳細なロールの詳細については、「 Granular admin roles」を参照してください。

このタスクについて

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

手順

1. 移動先 すべて > Now Experience フレームワーク > テーマビルダー.
   テーマビルダー ランディングページがホームページビューに表示されます。
2. [ページ] ドロップダウンリストを使用して、[エディター] ページビューを選択します。

   図 : 1. [ページ] ドロップダウン リスト

   

3. [テーマ] ドロップダウンリストから、コンポーネントを表示するテーマを選択します。
4. [コンポーネントスタイル] タブを選択します。
   コンポーネントスタイルがグラフィカルにリストされます。

   

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

      

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

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

      

6. さまざまな背景色を使用してコンポーネントがどのようにレンダリングされるかをテストするには、[ キャンバスの色 ] チェックボックスをオンにします。
7. 表示する 背景色 を選択し、[ 適用] を選択します。

   図 : 2. キャンバスの色

   

   

次のタスク

目的のコンポーネントをプレビューして選択したら、そのプロパティを編集して外観を微調整します。詳細については、「コンポーネントの編集」を参照してください。