Configure a display type component for a Work scheduler card

task brazil Updated Sep 10, 2026 1 min read work-sched-stacked-component.md

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

Before you begin

Important: Starting with the Brazil release, Workforce Optimization for ITSM is being prepared for future deprecation. It will be hidden and no longer installed on new instances but will continue to be supported. For details, see the Deprecation Process [KB0867184] article in the Now Support Knowledge Base.

Role required: workspace_admin or ui_builder_admin

Procedure

In the Content section, navigate to Body(Flex) > Card Base Container (Flex) > Card Base Header.
Right-click Card Base Header and select Add component after.
In the pop-up screen, select the Label value stacked component.
In the left pane, select Label value stacked.
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 [Omitted image "dynamic-data-binding-icon.png"] Alt text: 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

62 lines · 3.4 KB Wrap lines

---
title: Configure a display type component for a Work scheduler card
description: Add the Label value stacked display work item fields within the card.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/it-service-management/workforce-optimization-for-it-service-management/work-sched-stacked-component.html
release: brazil
product: Workforce Optimization for IT Service Management
classification: workforce-optimization-for-it-service-management
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 1
breadcrumb: [Create a Work scheduler card using the Next Experience UI Builder, Setting up, Work scheduler, Workforce Optimization for ITSM, IT Service Management]
---

# 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

**Important:** Starting with the Brazil release, Workforce Optimization for ITSM is being prepared for future deprecation. It will be hidden and no longer installed on new instances but will continue to be supported. For details, see the [Deprecation Process \[KB0867184\]](https://support.servicenow.com/kb_view.do?sysparm_article=KB0867184) article in the Now Support Knowledge Base.

Role required: workspace\_admin or ui\_builder\_admin

## Procedure

1. In the **Content** section, navigate to **Body\(Flex\)** &gt; **Card Base Container \(Flex\)** &gt; **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 **Items**and select the Dynamic data binding icon \[Omitted image "dynamic-data-binding-icon.png"\] Alt text: 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](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/it-service-management/workforce-optimization-for-it-service-management/work-sched-avatar-component.md)

**Parent Topic:**[Create a Work scheduler card using the Next Experience UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/it-service-management/workforce-optimization-for-it-service-management/create-workscheduler-card-wfo-itsm.md)

**Previous topic:**[Configure a Work scheduler card heading component](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/it-service-management/workforce-optimization-for-it-service-management/work-sched-card-based-header.md)

**Next topic:**[Configure an avatar component for Work scheduler](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/it-service-management/workforce-optimization-for-it-service-management/work-sched-avatar-component.md)

**Related topics**

[Configure UI Builder workspace experiences](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/application-development/ui-builder-workspace-settings.md)