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: admin, workspace_admin, or ui_builder_admin​

About this task

For more information about the Card Base Header, see the Components section in the Horizon design system website.

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 .
4. 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.
5. 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