ワークスケジューラーのカードヘッダーコンポーネントを構成する

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：2分

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

    始める前に

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

    このタスクについて

    カード ベース ヘッダーの詳細については、Horizon Design System の Web サイトの 「コンポーネント 」セクションを参照してください。

    手順

    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. [追加] をクリックします。
    5. [保存] をクリックします。

      以下は、ワークスケジューラー カードヘッダーの構成方法のデモです。

    次のタスク

    ワークスケジューラーカードの表示タイプコンポーネントの構成