The ServiceNow® UI Builder application is a web user interface builder for building pages for workspaces and portals or custom web experiences with Next Experience Components. UI Builder was enhanced and updated in the Washington DC release.

UI Builder highlights for the Washington DC release

  • Receive more frequent updates to UI Builder now that it's available in the ServiceNow Store.
  • More easily link components to dynamic data through improved data binding and formula authoring.
  • Quickly find data resources through a new data drawer and an improved browsing experience.
  • Quickly edit column layouts and columns on a UI Builder page from the content tree or the stage.
  • Access Form Builder directly from within the form component on the UI Builder stage.
  • As of UI Builder version 25.2, use the new UI Builder home page to access recently opened experiences, obtain help for getting started using UI Builder, and create experiences or page collections.
  • As of UI Builder version 25.2, a new design-time experience provides a more WYSIWYG stage that helps improve page building efficiency.

See UI Builder for more information.

New in the Washington DC release

Custom images
Upload custom images in the Icon and Image components to match your existing imagery and branding.
Modeless Dialogs
Overlay information on a page so you can interact with both the main content and the window content through a UI Builder Modeless Dialog.
Integration of UI Builder and Form Builder
Access Form Builder directly from within the form component on the UI Builder stage.
New theme for UI Builder
The ServiceNow® Tools and Admin theme is now applied to UI Builder to provide a consistent look and feel across builder applications.
Gap option available within columns
As of UI Builder version 25.2, if a column contains multiple components, set the gap between the components.

UI changes

Color Picker
As of UI Builder version 25.2, select theme colors or specify custom colors in HEX, RGB, or HSL using the new color picker available on the Styles tab of the configuration panel.
Code update notifications
As of UI Builder version 25.2, obtain available UI Builder code updates from a new banner message within UI Builder. The message contains a link to the plugins page.

Changed in this release

Column layout improvements
Reorder, delete, add, and rename columns in column layouts from the content tree and the stage.
Controller component configuration improvements
Use the simplified component configuration for controller properties to more easily connect to data and scripts from UI Builder pages.
Simplified data binding
Bind data visually using a simplified process for specifying tables, variables, and formulas.
Data resource configuration improvements
Browse, locate, add, and configure data resources using the new data drawer.
Simplified addition of tabs
Add tabs in UI Builder pages right from the stage.
Improved image selection process
More easily browse available platform icons to use in the Icon component.
Simplified data binding
As of UI Builder version 25.2, search for data bindings, browse data in a JSON view, and use undo-redo to correct any typos while binding.

Activation information

UI Builder is active by default. You can update to the latest version of UI Builder by downloading it from the ServiceNow Store.

Browser requirements

Internet Explorer isn’t supported.

Related ServiceNow applications and features

App Engine Studio
Create apps in ServiceNow App Engine Studio for which you can then create the user interface in ServiceNow UI Builder.