Create a record page using a template
After you've created your demo experience, you can create a record page from a template. A record page shows data from a table.
Before you begin
Role required: ui_builder_admin
Procedure
-
Open the main page for your demo experience.
[Omitted image "demo-experience.png"] Alt text: Demo Experience.
-
From the main page for your experience, select the plus (+) sign next to Pages.
[Omitted image "create-new-or-variant.png"] Alt text: Create new page or variant
-
Select Create a new page to create a page that resides at a different URL.
-
On the First, select a template screen, locate the Standard record template and hover over Use template.
Note: Optionally, you could select Learn more to read about the template before selecting it.
[Omitted image "page-details-standard-record.png"] Alt text: Page details for the standard record template.
-
In the Name field of the Page details screen, type
Task record page, and select Continue. -
Select a URL page type in the Type drop-down list. UI Builder automatically assigns a page type based on the template you select, but you can change this value if needed.
-
Select Looks good on the next screen.
-
On the Tell us about your variant screen, enter a condition to determine when the page is visible.
-
In the Parameter field, select table.
-
In the Operator field, select is.
-
In the Value field, enter
task.
[Omitted image "demo-experience-declare-conditions.png"] Alt text: Parameter field with dropdown options 'table' and 'sysId', along with Operator and Value fields.
This page is visible to users accessing a record from the Task table.
-
-
Select Create.
The visual editor opens. Here, you can begin editing your new page.
Note: The new page includes LOTS of layout, preconfigured components, data, and modals. Additionally, it includes test values you can modify for your own particular use cases. Using templates can be a significant time-saver when creating new pages.
-
You can select the area above the Page content pane to view information about test values included in the template.
[Omitted image "edit-test-values.png"] Alt text: Edit test values included in the template.
What to do next
Select the Next topic link to learn how to define audiences who can view your pages in UI Builder.
- Create a button that opens a modal
After you've created your demo experience and added a blank page, you can edit the page variant as needed. For the sake of this demo, you can create a button and a modal, and configure the button to open the modal.
Parent Topic:Learn UI Builder by example
Related topics
Create a demo experience to explore UI Builder
Define an audience for your variant
---
title: Create a record page using a template
description: After you've created your demo experience, you can create a record page from a template. A record page shows data from a table.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/application-development/ui-builder/learn-by-example-create-page-with-template.html
release: australia
product: UI Builder
classification: ui-builder
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 3
breadcrumb: [Learn UI Builder by example, Learning UI Builder, UI Builder, Builder library, Developing your application, Classic app development, Building applications]
---
# Create a record page using a template
After you've created your demo experience, you can create a record page from a template. A record page shows data from a table.
## Before you begin
Role required: ui\_builder\_admin
## Procedure
1. Open the main page for your demo experience.
\[Omitted image "demo-experience.png"\] Alt text: Demo Experience.
2. From the main page for your experience, select the plus \(**+**\) sign next to **Pages**.
\[Omitted image "create-new-or-variant.png"\] Alt text: Create new page or variant
3. Select **Create a new page** to create a page that resides at a different URL.
4. On the **First, select a template** screen, locate the **Standard record** template and hover over **Use template**.
**Note:** Optionally, you could select **Learn more** to read about the template before selecting it.
\[Omitted image "page-details-standard-record.png"\] Alt text: Page details for the standard record template.
5. In the **Name** field of the Page details screen, type `Task record page`, and select **Continue**.
6. Select a URL page type in the **Type** drop-down list. UI Builder automatically assigns a page type based on the template you select, but you can change this value if needed.
7. Select **Looks good** on the next screen.
8. On the **Tell us about your variant** screen, enter a condition to determine when the page is visible.
1. In the **Parameter** field, select **table**.
2. In the **Operator** field, select **is**.
3. In the **Value** field, enter `task`.
\[Omitted image "demo-experience-declare-conditions.png"\] Alt text: Parameter field with dropdown options 'table' and 'sysId', along with Operator and Value fields.
This page is visible to users accessing a record from the Task table.
9. Select **Create**.
The visual editor opens. Here, you can begin editing your new page.
**Note:** The new page includes LOTS of layout, preconfigured components, data, and modals. Additionally, it includes test values you can modify for your own particular use cases. Using templates can be a significant time-saver when creating new pages.
10. You can select the area above the Page content pane to view information about test values included in the template.
\[Omitted image "edit-test-values.png"\] Alt text: Edit test values included in the template.
## What to do next
Select the **Next topic** link to learn how to define audiences who can view your pages in UI Builder.
- **[Create a button that opens a modal](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/learn-by-example-button-modal.md)**
After you've created your demo experience and added a blank page, you can edit the page variant as needed. For the sake of this demo, you can create a button and a modal, and configure the button to open the modal.
**Parent Topic:**[Learn UI Builder by example](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/learning-uib-by-example.md)
**Related topics**
[Create a demo experience to explore UI Builder]()
[Create a blank page]()
[Define an audience for your variant]()
[Define conditions for your variant]()
[Customize forms within a form component]()
| title | Create a record page using a template |
| description | After you've created your demo experience, you can create a record page from a template. A record page shows data from a table. |
| locale | en-US |
| canonical_url | https://www.servicenow.com/docs/r/australia/application-development/ui-builder/learn-by-example-create-page-with-template.html |
| release | australia |
| product | UI Builder |
| classification | ui-builder |
| topic_type | task |
| last_updated | 2026-09-10 |
| reading_time_minutes | 3 |
| breadcrumb | Learn UI Builder by exampleLearning UI BuilderUI BuilderBuilder libraryDeveloping your applicationClassic app developmentBuilding applications |