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

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間:1分
  • テーマを作成または管理しながら、インスタンスに含めることができるコンポーネントをプレビューできます。

    始める前に

    必要なロール:admin

    このタスクについて

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

    手順

    1. 移動先 すべて > Now Experience フレームワーク > テーマ > テーマビルダー.
      テーマビルダーのランディングページがホームページビューに表示されます。
    2. [ページ] ドロップダウンリストを使用して、[エディター] ページビューを選択します。
      図 : 1. [ページ] ドロップダウン リスト
      [エディター] が選択されたページのドロップダウンリスト。
    3. [コンポーネントスタイル] タブを選択します。
      コンポーネントスタイルがグラフィカルに一覧表示されます。
      コンポーネントスタイル
    4. リストをスクロールして利用可能なすべてのコンポーネントを表示したり、リストをフィルタリングして特定のタイプのコンポーネントを表示したりすることができます。
      1. [フィルター] アイコン を選択します。
        コンポーネントリストをフィルターして検索します。
      2. 表示するコンポーネントのカテゴリを展開し、それらのカテゴリ内の表示する特定のコンポーネントを選択します。
        注:
        たとえば、すべてのプライマリボタンのコンポーネントを表示するには、[ ボタン ] カテゴリを展開し、[ プライマリ]、[ 正のプライマリ]、および [負の主要な コンポーネント] を選択します。リストには、選択したコンポーネントが表示されます。
        フィルタリングの例
    5. さまざまな背景色を使用してコンポーネントがどのようにレンダリングされるかをテストするには、[ キャンバスの色 ] チェックボックスをオンにします。
    6. 表示する 背景色 を選択し、[ 適用] を選択します。
      図 : 2. キャンバスの色
      キャンバスの色
      新しい背景色