---
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分

ワークスケジューラーのヘッダーコンポーネントをカスタマイズして、必要に応じてタイトルを表示します。

## 始める前に

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

## このタスクについて

カード ベース ヘッダーの詳細については、Horizon Design System の Web サイトの [「コンポーネント](https://horizon.servicenow.com/workspace/components) 」セクションを参照してください。

## 手順

1. \[コンテンツ\] セクションで、\[+ コンポーネントを追加\] を選択します。
2. \[コンポーネント\] ポップアップ画面で、\[カードベースヘッダー\]を選択します。  
   選択したコンテナが右ペインに表示されます。
3. ヘッダーコンポーネントを構成します。
   1. \[構成\] タブで、\[ドロップダウン\] セクションにカーソルを合わせ、動的データバインディングアイコン ![動的データバインディングアイコン]() を選択します。
   2. \[ドロップダウン\] メニューから @state.cardProps.dropdownsを選択します。
   3. \[ヘッダー\] セクションにカーソルを合わせ、動的データバインディングアイコン ![動的データバインディング]() アイコンを選択します。
   4. \[ヘッダー\] メニューから @state.cardProps.heading を選択します。
   5. \[キャッチコピー\] セクションにカーソルを合わせ、動的データバインディングアイコン ![動的データバインディング]() アイコンを選択します。
4. \[ハンドルカードアクションがクリックされました (Handle card action clicked)\] を \[カードヘッダーアクションがクリックされました\] イベントに追加します。
   1. \[イベント\] タブを選択します。
   2. \[カードヘッダーアクションがクリックされました\] セクションで、\[+ 新しいイベントハンドラーを追加\] を選択します。
   3. \[キャッチコピー\] メニューから @state.cardProps.tagline を選択します。
   4. \[イベントハンドラープレビュー\] ポップアップ画面の \[スクリプト (Scripts)\] セクションで、\[ハンドルカードアクションがクリックされました (Handle card action clicked)\] を選択します。
   5. \[追加\] をクリックします。
   {#work-sched-card-based-header-wfo-cs__substeps_zp1_ljm_ntb}
5. \[保存\] をクリックします。  
   以下は、ワークスケジューラー カードヘッダーの構成方法のデモです。

## 次のタスク

[ワークスケジューラーカードの表示タイプコンポーネントの構成](https://www.servicenow.com/docs/access?context=work-sched-stacked-component&version=australia&pubname=australia-it-service-management&ft:locale=en-US)