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


---

# Create a Work scheduler card using the Next Experience UI Builder

# Create a Work scheduler card using the Next Experience
UI Builder {#ariaid-title1}

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

Create a work scheduler card and add the components that you want to display based on your needs in the Work Scheduler application in manager workspace.

## Before you begin

Role required: admin, workspace_admin, or ui_builder_admin​

## Procedure

1. Navigate to AllNow Experience FrameworkUI Builder.
2. In the My experiences list, select Manager Workspace.
3. Select the Pages icon.
4. In the Page menu, select Work scheduler.
5. In the left pane, go to the Content section and navigate to Body (Flex)Work queue (Flex)Sidebar.
6. In the right pane, select the icon (![Edit card icon]()) in the Work item cards default sub-page.
7. In the left pane, select Body (Flex)Viewport1.
8. In the right pane, select +Add and enter a name for the card.  
   The Path field is automatically populated.
9. Select Create.  
   A new card is created.  
   Important:  
   After you create the work scheduler card, you must select the name of this card in the UX app route field in the work configuration you have created. For information on setting up a work configuration, see [Set up a work configuration](https://www.servicenow.com/docs/access?context=setup-work-scheduler&version=xanadu&pubname=xanadu-it-service-management&ft:locale=en-US).
10. Select Done.  
    Follow the steps listed in each of the topics below in the given sequence to customize Work scheduler.
{#create-workscheduler-card-wfo-cs__steps_qpn_zcr_3tb}
* **[Create a client state parameter for Work scheduler](https://servicenow-prod.fluidtopics.net/ZJ1CqgjQ_Wp08xnrVI~LYw)**   
  Add custom client state parameter values to add properties to the card components.
* **[Create page scripts for Work scheduler](https://servicenow-prod.fluidtopics.net/JWwJ8Hj3daUAd9uTdavHdg)**   
  Add custom page scripts for the Work scheduler so that you can update the client state through events or update transform workItem object to properties.
* **[Define the workItem property in the Work scheduler page configuration](https://servicenow-prod.fluidtopics.net/YSS0b8vUZifwUohUTckPww)**   
  Add the workItem property to the Work scheduler page configuration to receive the workItem object provided by the work queue.
* **[Define event mappings for Work scheduler](https://servicenow-prod.fluidtopics.net/yvL1fsycMT~zh~~VbIZZwQ)**   
  Add event mappings required for card interactions and for the card properties transformation to the page configurations in Work scheduler.
* **[Configure container components for Work scheduler](https://servicenow-prod.fluidtopics.net/IlupkSx8FTygBOTXGltM1Q)**   
  Present information in an intuitive format using the Card Base Container component.
* **[Configure a Work scheduler card heading component](https://servicenow-prod.fluidtopics.net/Z_ZOD9AJ4mWheiHfm91D4A)**   
  Customize the Work scheduler heading component to display the title based on your needs.
* **[Configure a display type component for a Work scheduler card](https://servicenow-prod.fluidtopics.net/e~iKeeCWpROkQuIXaZsFjA)**   
  Add the Label value stacked display work item fields within the card.
* **[Configure an avatar component for Work scheduler](https://servicenow-prod.fluidtopics.net/wkdRx8sRXz3_RkW2_hJWnw)**   
  Use the Container component to add an avatar and the user name of the work item assignee.
* **[Associate a work scheduler card to the work configuration](https://servicenow-prod.fluidtopics.net/DAMn0E9zCAQ1r2YGwrEUKw)**   
  Associate the work scheduler card that you've created to the work configuration to display the card in the Work scheduler sidebar.

**Related topics**   

* [Create a page in UI Builder](https://www.servicenow.com/docs/access?context=create-page&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US)

*[\>]: and then