---
sourceDocument: オーストラリアのカスタマーサービス管理 (CSM)
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/customer-service-management

 Release :

    - australia

ft:locale :

    - ja-JP

ft:publication_title :

    - オーストラリアのカスタマーサービス管理 (CSM)

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# ワークスケジューラーのアバターコンポーネントを構成する

# ワークスケジューラーのアバターコンポーネントを構成する {#ariaid-title1}

* リリースバージョン: Australia
* 
* 更新日 2026年03月12日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：2分

Container コンポーネントを使用して、作業アイテムのアサイニーのアバターとユーザー名を追加します。

## 始める前に

必要なロール：admin、workspace_admin、または ui_builder_admin​

## 手順

1. \[ コンテンツ \] セクションで、 本文 (フレックス)カードベースコンテナ (フレックス)カードベースヘッダー.
2. \[カードベースヘッダー\] を右クリックし、\[後にコンポーネントを追加\] を選択します。
3. ポップアップ画面で、\[積層ラベル値\] コンポーネントを選択します。
4. 左ペインで、\[積層ラベル値\] を右クリックし、\[後にコンポーネントを追加\] を選択します。
5. コンポーネントを構成します。
   1. \[コンポーネント\] ポップアップ画面で、\[Container (コンテナ)\]を選択します。
   2. \[構成\] タブで、次の操作を行います。  
      1. コンポーネント可視化を編集アイコン (![コンポーネント可視化を編集アイコン]()) を選択します。
      2. \[コンポーネントを非表示\] フィールドにカーソルを合わせ、動的データバインディングアイコン ![動的データバインディングアイコン]() を選択します。
      3. \[コンポーネントを非表示\] フィールドに、「<kbd class="ph userinput">!@state.cardProps.assignedTo</kbd>」と入力します。
      4. \[方向 (Direction)\] メニューで、\[行\] を選択します。
      5. \[スタイル\] タブの \[アイテムを配置 (Align items)\] フィールドで、中央のアイコンを選択します。
      6. \[保存\] を選択します。
      {#work-sched-avatar-component-wfo-cs__ol_fhd_wkm_ntb}
6. アバターコンポーネントを追加するには、次を選択します コンテナ (フレックス)+ コンポーネントを追加.
7. \[+ コンポーネントを追加\] 選択します。  
   \[コンポーネント\] ポップアップ画面が表示されます。

   | 宛先 | 操作 |
   | アバターコンポーネントを追加する | \[構成\] タブで、サイズ、ユーザー名、およびツールヒントを設定します。 1. \[サイズ\] メニューで、\[中\] を選択します。 2. \[ユーザー名\] にカーソルを合わせ、動的データバインディングアイコン ![動的データバインディングアイコン]() を選択します。 3. \[ユーザー名\] メニューで、「!@state.cardProps.assignedTo」と入力します。 4. \[ツールヒントのテキスト\] メニューにカーソルを合わせ、動的データバインディングアイコン ![動的データバインディングアイコン]() を選択します。 5. \[ツールヒントのテキスト\] メニューで、「!@state.cardProps.assignedTo」と入力します。 {#work-sched-avatar-component-wfo-cs__ol_zg4_qqm_ntb} |
   | タブ付きラベル値コンポーネントを追加する | \[構成\] タブで、サイズとアイテムを設定します。 1. \[サイズ\] メニューで、\[小\] を選択します。 2. \[アイテム\] フィールドにカーソルを合わせ、動的データバインディングアイコン ![動的データバインディングアイコン]() を選択します。 3. \[アイテム\] フィールドに「`[{value: @state.cardProps.assignedTo}`」と入力します。 4. \[保存\] を選択します。 {#work-sched-avatar-component-wfo-cs__ol_sbm_1rm_ntb} |
   |-|-|

   {#work-sched-avatar-component-wfo-cs__choicetable_jbw_3mm_ntb}  
   以下は、ワークスケジューラー
   方法のデモです。