---
sourceDocument: Australia IT Service Management
sourceDocumentLink: https://www.servicenow.com/docs/r/it-service-management

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia IT Service Management

ft:clusterId :

    - itsm

bundleId :

    - itsm

workflow :

    - Technology


---

# Configure an avatar component for Work scheduler

# Configure an avatar component for Work scheduler {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Use the Container component to add an avatar and the user name
of the work item assignee.

## Before you begin

Role required: workspace_admin or ui_builder_admin​

## Procedure

1. In the Content section, navigate to Body(Flex)Card Base Container (Flex)Card Base Header.
2. Right-click Card Base Header and select Add component after.
3. In the pop-up screen, select the Label value stacked component.
4. In the left pane, right-click Label value stacked and select Add component after.
5. Configure the component.
   1. In the Components pop-up screen, select Container.
   2. In the Config tab, do the following:  
      1. Select the Edit component visibility icon (![Edit component visibility icon]()).
      2. Hover over the Hide component field and select the Dynamic data binding icon ![Dynamic data binding icon]().
      3. In the Hide component field, enter <kbd class="ph userinput">!@state.cardProps.assignedTo</kbd>
      4. In the Direction menu, select Row.
      5. In the Styles tab, in the Align items field, select the center icon.
      6. Select Save.
      {#work-sched-avatar-component__ol_fhd_wkm_ntb}
6. To add the Avatar component, select Container(Flex)+Add component.
7. Select +Add component  
   The Components pop-up screen appears.

   | To | Do this |
   | Add the Avatar component | In the configure tab, set the size, user name, and tooltip. 1. In the Size menu, select Medium. 2. Hover over the User name menu, and select the Dynamic data binding icon ![Dynamic data binding icon](). 3. In the User name menu, type !@state.cardProps.assignedTo. 4. Hover over the Tooltip text menu, and select the Dynamic data binding icon ![Dynamic data binding icon](). 5. In the Tooltip text menu, type !@state.cardProps.assignedTo. {#work-sched-avatar-component__ol_zg4_qqm_ntb} |
   | Add the Label Value Tabbed component | In the configure tab, set the size, and items. 1. In the Size menu, select Small. 2. Hover over the Items field and select the Dynamic data binding icon ![Dynamic data binding icon](). 3. In the Items field, enter `[{value: @state.cardProps.assignedTo}` 4. Select Save. {#work-sched-avatar-component__ol_sbm_1rm_ntb} |
   |-|-|

   {#work-sched-avatar-component__choicetable_jbw_3mm_ntb}  
   Here's a demo on how to configure an avatar component for Work scheduler
**Previous topic:** [Configure a display type component for a Work scheduler card](https://www.servicenow.com/docs/jJWaVD3yphfkmK57I3PyLg "Add the Label value stacked display work item fields within the card.")  
**Next topic:** [Associate a work scheduler card to the work configuration](https://www.servicenow.com/docs/puleBiu4VLVdgRgpjcXdFA "Associate the work scheduler card that you've created to the work configuration to display the card in the Work scheduler sidebar.")

*[\>]: and then