Several UI Builder components are available as elements to build home pages and contextual side panels in Workspace Builder. Workspace Builder helps you quickly create workspaces in App Engine Studio (AES).

For complete details on all elements and components, see the ServiceNow® Developer site.

Data visualization components

The data visualization component is a container for available chart types for use in Workspace Builder home pages. Select the chart type to display data in different ways depending on your application. You can create a new data visualization or repurpose an existing data visualization by choosing it in the Select visualization from library modal and selecting Add to dashboard.

For more information on data visualization components, see the following topics and sources:

Data visualization element to be edited

Filter components

Filters enable you to filter data visualizations without modifying the visualizations. Add a filter element when working with the home page in the canvas. Then select a table, field, and other properties to configure the filter. When a user selects one or more values of the field, the filter applies to those data visualizations that are based on the same data source.

For more information on using filters components to build a workspace, see the following topics and sources:

Heading components

Heading components are available in the home pages for workspaces. Add a title to your landing page using a heading component.

The following image shows a "My Heading" heading.

Example heading component

For more information on heading components, see the following topics and sources:

Image components

Add images to your landing page with an image component.

When you drag the image component icon (Image component) into the preview pane, a stock image appears that you can change and resize. You can change the stock image by supplying your image's URL.

Sample image component

For more information on image components, see Image components in UI Builder.

List components

Use a list component to add lists to your landing page.

When you drag the list component icon (List component) into the preview pane, a sample list appears.

Sample list component

For more information on list components, see List components in UI Builder.

Rich text components

Add text to your landing page with a rich text component to explain parts of your landing page, for example, "Tackle these priority 1 incidents first."

Sample rich text component

For more information on rich text components, see Rich text components UI Builder.