構成可能ワークスペース ランディングページの作成

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間:3分
  • ページのバリアントを作成し、コンテナーおよびコンポーネントを追加または変更することにより、さまざまなエージェントやチーム用のランディングページを作成します。

    始める前に

    必要なロール:workspace_admin、ui_builder_admin、admin

    このタスクについて

    ランディングページは、エージェントがワークスペースを開いたときに表示されるページです。Base Agent Workspace には、 構成可能ワークスペース のランディングページが 1 つ含まれています。このページ (ランディングページ) には、新規、アサイン済み、高優先度のケースとそれらのグループにアサインされたケースの概要が示されます。

    UI Builder (WYSIWYG ウェブユーザーインターフェイスビルダー) で、必要に応じてこのページのバリアントを作成し、変更することができます。
    注:
    アップグレードによる問題を防止するには、ランディングページのバリアントを作成することが重要です。
    たとえば、UI Builder を使用して、次のタスクを実行できます。
    タスク 説明
    ページレイアウトの変更 レイアウトにより、ページで利用可能なスロット、スロットの配置、スロットに適用する CSS ルールを制御します。レイアウトとレイアウトシステムの詳細については、「レイアウトの操作」を参照してください。
    ページへのコンポーネントの追加 コンポーネントは、ページの基本要素です。コンポーネントは、ボタンやラベルなどのコア要素から、リストやフォームなどのより複雑なエクスペリエンスコンポーネントまで多岐にわたります。詳細については、「Work with components (コンポーネントの操作)」を参照してください。
    注:
    UI Builder コンポーネントに関する情報は、ServiceNow 開発者サイトで検索することもできます。詳細については、developer.servicenow.com でコンポーネントドキュメントを参照してください。
    コンポーネントへのデータリソースの接続 データリソースを接続して、ページ上のテーブル、レコード、またはその他の要素からデータを動的に公開します。詳細については、「Work with data resources (データリソースの操作)」を参照してください。

    手順

    1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
    2. [自分のエクスペリエンス] セクションで、[Base Agent Workspace] をクリックします。
    3. [ページ] ドロップダウンメニューで [ランディングページ] を選択します。
    4. [バリアント] リストで [ランディングページ] のデフォルトを選択します。
    5. ランディングページのバリアントを作成します。
      1. [CSM ランディングページ] バリアントの横にある [他のアクション] メニューをクリックし、[複製] を選択します。
      2. [バリアントを作成] ポップアップウィンドウでバリアント名を追加します。
      3. [作成] をクリックします。
      4. 必要に応じて、ページバリアントの対象者と表示条件を指定します。
        対象者の設定により、ページを表示できるユーザーが決まります。対象者は、ユーザーロールのコレクションです。詳細については、「対象者についての理解」を参照してください。

        [順序] フィールドでは、表示するページを決定します。最も低い番号のページが最初に表示されます。

      5. [保存] をクリックします。
    6. ランディングページバリアントのコンテナーとコンポーネントを追加または変更します。
      コンテナーとコンポーネントの追加または変更の詳細については、UI ビルダーのドキュメントを参照してください。
      • ページへのコンポーネントの追加:手順 4 以降で、このタスクを使用して、コンポーネントをコンテナーに追加し、コンポーネントのプロパティとイベントハンドラーを構成します。このタスクには、他のコンテナーの追加に関する情報も含まれています。
      • コンポーネントへのスタイリングの追加:手順 3 以降で、コンポーネントの CSS スタイルを設定してデフォルトの外観を変更します。
      • コンポーネントへのモーダルの追加:手順 5 以降で、ユーザーがコンポーネントをクリックしたときに表示されるウィンドウを追加します。たとえば、レコードを削除するボタンコンポーネントを追加する場合は、レコードの削除を確認するようにユーザーに求めるモーダルを追加できます。
    7. [保存] をクリックして、ページのバリアントを保存します。