---
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. ヘッダーコンポーネントを構成します。
   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__substeps_zp1_ljm_ntb}
5. \[保存\] をクリックします。  
   以下は、ワークスケジューラー カードヘッダーの構成方法のデモです。

## 次のタスク

[ワークスケジューラーカードの表示タイプコンポーネントの構成](https://servicenow-prod.fluidtopics.net/~1BGQ6nBk0i9WWmjiePehw "カード内に Label value stacked 表示作業アイテムフィールドを追加します。")
**前のトピック:** [ワークスケジューラー のコンテナコンポーネントを構成する](https://servicenow-prod.fluidtopics.net/1Noeq65pw8ugFlHcotgNOQ "カードベースコンテナコンポーネントを使用して、情報を直感的にわかりやすい形式で表示します。")  
**次のトピック:** [ワークスケジューラー カードの表示タイプコンポーネントを構成する](https://servicenow-prod.fluidtopics.net/~1BGQ6nBk0i9WWmjiePehw "カード内に Label value stacked 表示作業アイテムフィールドを追加します。")  
**関連情報**   

* UI ビルダーのヘッダーコンポーネント