Configure a Work scheduler card heading component

Customize the Work scheduler heading component to display the title based on your needs.

Before you begin

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

   The selected container displays in the right pane.

3. Configure the header component.

   1. In the Config tab, hover over the Dropdowns section and select the Dynamic data binding icon

2.  From the **Dropdowns** menu, select **@state.cardProps.dropdowns**.

3.  Hover over the **Heading** section and select the Dynamic data binding icon

4.  From the **Heading** menu, select **@state.cardProps.heading**.

5.  Hover over the **Tagline** section and select the Dynamic data binding icon

1. Add Handle card action clicked to the Card header action clicked event.

   1. Select the Events tab.

   2. In the Card header action clicked section, select +Add a new event handler.

   3. From the Tagline menu, select @state.cardProps.tagline.

   4. In the Event handler preview pop up screen, from the Scripts section, select Handle card action clicked.

   5. Click Add.

2. Click Save.

   Here's a demo on how to configure a Work scheduler card heading.

What to do next

Configure a display type component for a Work scheduler card

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

Previous topic:Configure container components for Work scheduler

Next topic:Configure a display type component for a Work scheduler card