How to Create List and Record Page in ServiceNow UI Builder

1. Objective

The objective of this document is to create an Incident List Page and an Incident Record Page in the custom ITSM WorkSpace experience using UI Builder.

The final result will allow users to:

1. View a list of Incidents.
2. Select an Incident from the list.
3. Open the selected Incident in a Record Page.
4. View and manage the Incident details.

2. Prerequisites

Before starting, make sure:

• The ITSM WorkSpace Experience has already been created.
• You have access to UI Builder.
• You have access to the Incident [incident] table.
• There are Incident records available for testing.
• You have the required roles/permissions to configure UI Builder.

3. Open the ITSM WorkSpace in UI Builder

1. Navigate to All.
2. Search for UI Builder.
3. Open UI Builder.
4. From the Experience list, locate:

ITSM WorkSpace

5. Open the Experience.

You should now be inside the UI Builder interface for your custom workspace.

4. Create the Incident List Page

The List Page will display multiple Incident records.

Step 1: Create a new page

1. In UI Builder, click Add and Create a page using template List Page Template.

Step 2: Now our List page is ready.

We have used name as List for better understanding.

• Create the Incident Record Page

Add a new page

1. Return to the ITSM WorkSpace page list.
2. Click Add a new page.
3. Select Standard Record Template.

• As we have selected record template page type gets selected as record .

• Template automatically takes values and creates record page.

For Side Navigation we will navigate to Experience Settings and Add Side Navigation.

Now our ITSM WorkSpace is ready

List View:

Record View: