Skip to content
Release: Australia · Updated: 2026-03-12 · Official documentation · View source

Configure a display type component for a Work scheduler card

Add the Label value stacked display work item fields within the card.

Before you begin

Role required: workspace_admin or ui_builder_admin​

Procedure

  1. In the Content section, navigate to Body(Flex) > Card Base Container (Flex) > Card Base Header.

  2. Right-click Card Base Header and select Add component after.

  3. In the pop-up screen, select the Label value stacked component.

  4. In the left pane, select Label value stacked.

  5. In the right pane, select the Config tab and configure the size, alignment, and items.

    1. In the Alignment menu, select Horizontal-equal.
    2. In the Size menu, select Small.
    3. Hover over Itemsand select the Dynamic data binding icon
Image omitted: dynamic-data-binding-icon.png
Dynamic data binding icon.
4.  In the **Items** menu, enter **@state.cardProps.content**.
5.  In the **Item min, width** field, enter `75 px`.
6.  Enable **Wrap text** and **Truncated** options.
7.  Click **Save**.
Here's a demo on how to configure a display type component for a Work scheduler card.

What to do next

Configure an avatar component for Work scheduler

Parent Topic:Create a Work scheduler card using the Next Experience UI Builder

Previous topic:Configure a Work scheduler card heading component

Next topic:Configure an avatar component for Work scheduler

Related topics

Configure UI Builder workspace experiences