---
sourceDocument: Xanadu Customer Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/xanadu/customer-service-management

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu Customer Service Management

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# Configure container components for Work scheduler

# Configure container components for Work scheduler {#ariaid-title1}

* Release version: Xanadu
* 
* Updated August 1, 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

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

## Before you begin

Role required: admin, 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 ![Dynamic data binding icon]()
   * From the ARIA Properties list, select @state.cardProps.aria.
   {#work-sched-card-based-container-wfo-cs__ul_pgp_nwm_ltb}
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://www.servicenow.com/docs/access?context=work-sched-card-based-header&version=xanadu&pubname=xanadu-it-service-management&ft:locale=en-US)
**Related topics**   

* Container Components in UI Builder