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

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間：2分

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

    始める前に

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

    手順

    1. [ コンテンツ ] セクションで、次の場所に移動します: 本文 (フレックス) > カードベースコンテナ (Flex) > カードベースヘッダー.
    2. [カードベースヘッダー] を右クリックし、[後にコンポーネントを追加] を選択します。
    3. ポップアップ画面で、[積層ラベル値] コンポーネントを選択します。
    4. 左ペインで、[積層ラベル値] を右クリックし、[後にコンポーネントを追加] を選択します。
    5. コンポーネントを構成します。
      1. [コンポーネント] ポップアップ画面で、[Container (コンテナ)]を選択します。
      2. [構成] タブで、次の操作を行います。
        1. コンポーネント可視化を編集アイコン (コンポーネント可視化を編集アイコン) を選択します。
        2. [コンポーネントを非表示] フィールドにカーソルを合わせ、動的データバインディングアイコン 動的データバインディングアイコン を選択します。
        3. [コンポーネントを非表示] フィールドに、「!@state.cardProps.assignedTo」と入力します。
        4. [方向 (Direction)] メニューで、[行] を選択します。
        5. [スタイル] タブの [アイテムを配置 (Align items)] フィールドで、中央のアイコンを選択します。
        6. [Save (保存)] をクリックする。
    6. アバターコンポーネントを追加するには、 コンテナ (フレックス) > + コンポーネントを追加.
    7. [+ コンポーネントを追加] 選択します。
      [コンポーネント] ポップアップ画面が表示されます。
      宛先操作
      アバターコンポーネントを追加する [構成] タブで、サイズ、ユーザー名、およびツールヒントを設定します。
      1. [サイズ] メニューで、[中] を選択します。
      2. [ユーザー名] にカーソルを合わせ、動的データバインディングアイコン 動的データバインディングアイコン を選択します。
      3. [ユーザー名] メニューで、「!@state.cardProps.assignedTo」と入力します。
      4. [ツールヒントのテキスト] メニューにカーソルを合わせ、動的データバインディングアイコン 動的データバインディングアイコン を選択します。
      5. [ツールヒントのテキスト] メニューで、「!@state.cardProps.assignedTo」と入力します。
      タブ付きラベル値コンポーネントを追加する [構成] タブで、サイズとアイテムを設定します。
      1. [サイズ] メニューで、[小] を選択します。
      2. [アイテム] フィールドにカーソルを合わせ、動的データバインディングアイコン 動的データバインディングアイコン を選択します。
      3. [アイテム] フィールドに「[{value: @state.cardProps.assignedTo}」と入力します。
      4. [保存] を選択します。

      以下は、ワークスケジューラー 方法のデモです。