---
sourceDocument: Australia Field Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/field-service-management

 Release :

    - australia

ft:locale :

    - de-DE

ft:publication_title :

    - Australia Field Service Management

ft:clusterId :

    - fsm

bundleId :

    - fsm

workflow :

    - Customer and Industry


---

# Customize Dispatcher Workspace with UI Builder

# Customize Dispatcher Workspace {#ariaid-title1}

* Freigeben Version: Australia
* 
* Aktualisiert 12. März 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 Minute Lesedauer

Use UI Builder to build pages for CSM Configurable Workspace or custom web experiences using Next Experience and custom web components.

## UI Builder {#dispatch-work-ui-builder__section_gf1_1dw_4xb}

UI Builder is a low-code environment. You should be comfortable interacting with code in a visual interface before you start editing any components. Read and become familiar with
the UI builder documentation at [UI Builder](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=australia&pubname=australia-application-development&ft:locale=en-US) before you attempt to use the tool.  
Warnung:  
Only developers with a high level of experience, sometimes referred to as pro-coders, should perform the procedures that use UI Builder.

## Customizing pages in UI Builder {#dispatch-work-ui-builder__section_ofh_tdw_4xb}

Next Experience components are the base elements of UI Builder pages like Dispatcher Workspace. Components range from core elements like buttons and labels to more complex components like lists and forms. You can change components to update the Dispatcher Workspace user interface or add new ones. You can also create your own components if the ones that come with UI Builder don't fit your needs.  
Wichtig:  
You must use a Script Include when making any customizations to Dispatcher Workspace. For more information, see [Extend a Script Include](https://developer.servicenow.com/dev.do#!/learn/courses/vancouver/app_store_learnv2_scripting_vancouver_scripting_in_servicenow/app_store_learnv2_scripting_vancouver_server_side_scripting/app_store_learnv2_scripting_vancouver_extend_a_script_include).

For information on components and how to work with them in UI Builder, see [Customize UI Builder pages using components](https://www.servicenow.com/docs/access?context=work-components&version=australia&pubname=australia-application-development&ft:locale=en-US). The components that are available to use are listed on the developer site at [Next Experience Components](https://developer.servicenow.com/dev.do#!/reference/next-experience/components).  
You can configure nearly any area of Dispatcher Workspace in UI Builder. Three of the most common areas to update are the contextual side panel, the agent card, and the calendar. For more information see the following topics:

* [Customizing the contextual side panel in Dispatcher Workspace with UI Builder](https://servicenow-prod.fluidtopics.net/CLgB390sRGPwe1D4Te5zlA "Change or add fields and icons to the contextual side panel to update your Dispatcher Workspace display. Dispatchers can immediately see more relevant information so they can resolve tasks faster.")
* [Customizing the agent card in Dispatcher Workspace with UI Builder](https://servicenow-prod.fluidtopics.net/eADKfR9kTN2FwujBV3R~Nw "Change or add fields and icons to the agent card that display more information that dispatchers can use to resolve tasks faster.")
* [Customizing the calendar grid in Dispatcher Workspace with UI Builder](https://servicenow-prod.fluidtopics.net/HXTjhijbjcoP_TQdcdtvQg "Change or add colors to the calendar grid to update your Dispatcher Workspace display so dispatchers can easily see when agents are available.")
{#dispatch-work-ui-builder__ul_c1k_fvx_yxb}