Configure container components for Work scheduler

task brazil Updated Sep 10, 2026 1 min read work-sched-card-based-container.md

Present information in an intuitive format using the Card Base Container component.

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, select +Add component.
In the Components pop-up screen select Card Base Container.
In the Config tab, set the interaction and aria properties.
- From the Interaction menu, select Click.
- In the Accessibility section, select the Dynamic data binding icon [Omitted image "dynamic-data-binding-icon.png"] Alt text: Dynamic data binding icon
- From the ARIA Properties list, select @state.cardProps.aria.
Select the Events tab.
In the Card clicked menu, select +Add a new event handler.

The Event handler preview pop-up screen appears.
In the Scripts section, select Handle card clicked.
Select Add.
Select Save.

Here's a demo on how to configure container components in Work scheduler.

What to do next

Configure a Work scheduler card heading component

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

Previous topic:Define event mappings for Work scheduler

Next topic:Configure a Work scheduler card heading component

61 lines · 3.1 KB Wrap lines

---
title: Configure container components for Work scheduler
description: Present information in an intuitive format using the Card Base Container component.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/it-service-management/workforce-optimization-for-it-service-management/work-sched-card-based-container.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 container components for Work scheduler

Present information in an intuitive format using the Card Base Container component.

## 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, select **+Add component**.

2. In the **Components** pop-up screen select **Card Base Container**.

3. In the **Config** tab, set the interaction and aria properties.

- From the **Interaction** menu, select **Click**.
- In the Accessibility section, select the Dynamic data binding icon \[Omitted image "dynamic-data-binding-icon.png"\] Alt text: Dynamic data binding icon
- From the **ARIA Properties** list, select **@state.cardProps.aria**.
4. Select the **Events** tab.

5. In the **Card clicked** menu, select **+Add a new event handler**.

The Event handler preview pop-up screen appears.

6. In the **Scripts** section, select **Handle card clicked**.

7. Select **Add**.

8. Select **Save**.

Here's a demo on how to configure container components in Work scheduler.

## What to do next

[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)

**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:**[Define event mappings for Work scheduler](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/it-service-management/workforce-optimization-for-it-service-management/work-sched-event-mapping.md)

**Next 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)