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

ページのバリアントを作成し、コンテナーおよびコンポーネントを追加または変更することにより、さまざまなエージェントやチーム用のランディングページを作成します。

始める前に

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

このタスクについて

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

UI ビルダー (WYSIWYG ウェブユーザーインターフェイスビルダー) で、必要に応じてこのページのバリアントを作成し、変更することができます。

注:

アップグレードによる問題を防止するには、CSM ランディングページのバリアントを作成することが重要です。

たとえば、UI ビルダーを使用して、次のタスクを実行できます。

表 : 1. UI ビルダータスク

タスク	説明
ページレイアウトの変更	レイアウトにより、ページで利用可能なスロット、スロットの配置、スロットに適用する CSS ルールを制御します。レイアウトとレイアウトシステムの詳細については、「レイアウトの操作」を参照してください。
ページへのコンポーネントの追加	コンポーネントは、ページの基本要素です。コンポーネントは、ボタンやラベルなどのコア要素から、リストやフォームなどのより複雑なエクスペリエンスコンポーネントまで多岐にわたります。詳細については、「Work with components (コンポーネントの操作)」を参照してください。 注: UI ビルダーコンポーネントに関する情報は、ServiceNow 開発者サイトで検索することもできます。詳細については、www.devportaldocs.service-now.com/ のコンポーネントドキュメントを参照してください。
コンポーネントへのデータリソースの接続	データリソースを接続して、ページ上のテーブル、レコード、またはその他の要素からデータを動的に公開します。詳細については、「Work with data resources (データリソースの操作)」を参照してください。

手順

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

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

   5. [保存] をクリックします。
6. ランディングページバリアントのコンテナーとコンポーネントを追加または変更します。
   コンテナーとコンポーネントの追加または変更の詳細については、UI ビルダーのドキュメントを参照してください。

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