---
sourceDocument: Xanadu IT Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/it-service-management

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu IT Service Management

ft:clusterId :

    - itsm

bundleId :

    - itsm

workflow :

    - Technology


---

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

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

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：1分

カードベースコンテナコンポーネントを使用して、情報を直感的にわかりやすい形式で表示します。

## 始める前に

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

## 手順

1. \[コンテンツ\] セクションで、\[+ コンポーネントを追加\] を選択します。
2. \[コンポーネント\] ポップアップ画面で、\[カードベースコンテナ\] を選択します。
3. \[構成\] タブで、インタラクションと aria プロパティを設定します。  
   * \[インタラクション\] メニューから Click を選択します。
   * \[アクセシビリティ\] セクションで、動的データバインディングアイコン ![動的データバインディングアイコン]() を選択します。
   * \[ARIA プロパティ\] リストから @state.cardProps.aria を選択します。
   {#work-sched-card-based-container__ul_pgp_nwm_ltb}
4. \[イベント\] タブを選択します。
5. \[カードがクリックされました\] メニューで、\[+ 新しいイベントハンドラーを追加\] を選択します。  
   \[イベントハンドラープレビュー\] ポップアップ画面が表示されます。
6. \[スクリプト\] セクションで、Handle card clicked を選択します。
7. \[追加\] を選択します。
8. \[保存\] を選択します。  
   以下は、ワークスケジューラー でのコンテナコンポーネントの構成方法のデモです。

## 次のタスク

[ワークスケジューラーカードヘッダーコンポーネントの構成](https://servicenow-prod.fluidtopics.net/0cypn_JdnznTylxrSfCdbw "ワークスケジューラーのヘッダーコンポーネントをカスタマイズして、必要に応じてタイトルを表示します。")
**前のトピック:** [ワークスケジューラーのイベントマッピングを定義する](https://servicenow-prod.fluidtopics.net/2wNcg9WUFOLCAH2fSJ6CAA "カードのインタラクションとカードプロパティの変換に必要なイベントマッピングを、ワークスケジューラーのページ構成に追加します。")  
**次のトピック:** [ワークスケジューラーのカードヘッダーコンポーネントを構成する](https://servicenow-prod.fluidtopics.net/0cypn_JdnznTylxrSfCdbw "ワークスケジューラーのヘッダーコンポーネントをカスタマイズして、必要に応じてタイトルを表示します。")  
**関連情報**   

* UI ビルダーのコンテナコンポーネント