{"revision":"c10276e953456835cdbb1f3a60d58ae1980be353","document":{"id":14570,"path":"field-service-management/dispatch-work-ui-builder.md","title":"Customize Dispatcher Workspace","bundle":null,"doc_type":null,"release":"australia","body":"\n# Customize Dispatcher Workspace\n\nUse UI Builder to build pages for CRM Workspace or custom web experiences using Next Experience and custom web components.\n\n## UI Builder\n\nUI 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://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/application-development/ui-builder-overview.md) before you attempt to use the tool.\n\n**Warning:** Only developers with a high level of experience, sometimes referred to as pro-coders, should perform the procedures that use UI Builder.\n\n## Customizing pages in UI Builder\n\nNext 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.\n\n**Important:** 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).\n\nFor information on components and how to work with them in UI Builder, see [Customize UI Builder pages using components](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/application-development/work-components.md). 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).\n\nYou 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:\n\n-   [Customizing the contextual side panel in Dispatcher Workspace with UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/field-service-management/side-panel-ui-builder.md)\n-   [Customizing the agent card in Dispatcher Workspace with UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/field-service-management/agent-card-ui-builder.md)\n-   [Customizing the calendar grid in Dispatcher Workspace with UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/field-service-management/calendar-color-ui-builder.md)\n\n"}}