---
sourceDocument: Yokohama Build or modify applications
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/yokohama/application-development

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# Create a record page using a template

# Create a record page using a template {#ariaid-title1}

* Release version: Yokohama
* 
* Updated January 30, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

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.  
   Figure 1. Demo Experience
2. From the main page for your experience, select the plus (+) sign next to Pages and variants.  
   Figure 2. Create a 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 select Use template.  
   Note:  
   Optionally, you could select Learn more to read about the template before selecting it.
   Figure 3. Page details
5. In the Name field of the Page details screen, type <kbd class="ph userinput">Task record page</kbd>, and select Continue.
6. Select Looks good on the next screen.
7. 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 <kbd class="ph userinput">task</kbd>.

   {#learn-by-example-create-page-with-template__substeps_wcf_4f4_sbc}  
   Figure 4. Condition fields  
   This page is visible to users accessing a record from the Task table.
8. Select Create.  
   The visual editor opens. Here, you can begin editing your new page. Figure 5. New page created from Standard Record template  
   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.
9. You can select the area above the Page content pane to view information about test values included in the template.  
   Figure 6. 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://servicenow-prod.fluidtopics.net/RxegdbdHk_oEqMQW4Y23Yg)**   
  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.

**Related tasks**   

* [Create a demo experience to explore UI Builder](https://servicenow-prod.fluidtopics.net/me7rt~2jwCB4rjFnNfTPZw "An experience in UI Builder is a collection of web pages for users to interact with an application. The experience includes routes, page variants, and the audience and conditions required for each variant, as well as experience settings.")
* [Create a blank page](https://servicenow-prod.fluidtopics.net/5l0P1FlFGSmZkSTyWMH8Vw "After creating a demo experience, you can create a blank page that you can then build on to define what the experience provides to your users.")
* [Define an audience for your variant](https://servicenow-prod.fluidtopics.net/bIgJ7f5BfRYLH5CVbqY2Tw "An audience represents a group of users in your organization. You can define who can access this page variant by adding one or more predefined audiences.")
* [Define conditions for your variant](https://servicenow-prod.fluidtopics.net/Yae9zseqbPukMZzREN4s7Q "You can define conditions to determine when a page variant is shown. The conditions are based on setting an order, and declaring the criteria that must be met for the page variant to display.")
* [Customize forms within a form component](https://servicenow-prod.fluidtopics.net/xSQ7fsKao0U_hYnhWcr5yQ "Customize your form components by accessing Form Builder in UI Builder.")