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

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：1分

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

    始める前に

    必要なロール：ui_builder_admin

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

    このタスクについて

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

    手順

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

    次のタスク

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