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

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

始める前に

必要なロール：admin

このタスクについて

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

手順

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

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

   

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

   

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

      

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

      たとえば、すべてのプライマリボタンのコンポーネントを表示するには、[ ボタン ] カテゴリを展開し、[ プライマリ]、[ 正のプライマリ]、および [負の主要な コンポーネント] を選択します。リストには、選択したコンポーネントが表示されます。

      

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

   図 : 2. キャンバスの色

   

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