How to copy an experience in UI builder

Ravish Shetty
Tera Guru

Hi all

 

I am new to UI builder and wanted to add new reports or modify existing ones in the digital portfolio management page and would like to know how to copy the same. I don't see an option to copy here.

 

RavishShetty_0-1743533405457.png

 

 

Thanks,

Ravish

1 ACCEPTED SOLUTION

Dr Atul G- LNG
Tera Patron
Tera Patron

Hi @Ravish Shetty 

 

https://www.servicenow.com/community/developer-forum/create-a-duplicate-ui-builder-dpm-workspace-to-...

 

https://www.youtube.com/watch?v=YTXbz5JYCUE

 

https://www.youtube.com/watch?v=7yWqCwGXEvI

 

To copy a page in ServiceNow UI Builder, navigate to the UI Builder, select the desired page, click the "Menu" button, and then choose "Duplicate Variant". 
 
Here's a more detailed breakdown:
Steps to Duplicate a Page:
  1. Navigate to UI Builder: Go to "All" > "Now Experience Framework" > "UI Builder". 
     
  2. Select the Experience: From the "My experiences" list, choose the workspace experience you want to work with (e.g., "Service Operations Workspace"). 
     
  3. Open the Page: Click on the page you want to duplicate. 
     
  4. Duplicate the Variant:
    • Click the "Menu" button (three dots). 
       
    • Select "Duplicate Variant". 
       
  5. New Page Created: A copy of the original page, along with its subpages, will be created under the "Variants" section. 
     
  6. Edit the Duplicated Page: Customize the new page by editing its components. 
*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************

View solution in original post

Step by step example of how to make updates to DPM in UIB.
Technical Consultant Saloni Suthar walks us through How to Duplicate a Component in the ServiceNow® UI Builder in the ServiceNow Utah Release. Create an exact copy of a configured component on your page except for the name and ID. A duplicated component copies all properties, bindings, and events
2 REPLIES 2

Dr Atul G- LNG
Tera Patron
Tera Patron

Hi @Ravish Shetty 

 

https://www.servicenow.com/community/developer-forum/create-a-duplicate-ui-builder-dpm-workspace-to-...

 

https://www.youtube.com/watch?v=YTXbz5JYCUE

 

https://www.youtube.com/watch?v=7yWqCwGXEvI

 

To copy a page in ServiceNow UI Builder, navigate to the UI Builder, select the desired page, click the "Menu" button, and then choose "Duplicate Variant". 
 
Here's a more detailed breakdown:
Steps to Duplicate a Page:
  1. Navigate to UI Builder: Go to "All" > "Now Experience Framework" > "UI Builder". 
     
  2. Select the Experience: From the "My experiences" list, choose the workspace experience you want to work with (e.g., "Service Operations Workspace"). 
     
  3. Open the Page: Click on the page you want to duplicate. 
     
  4. Duplicate the Variant:
    • Click the "Menu" button (three dots). 
       
    • Select "Duplicate Variant". 
       
  5. New Page Created: A copy of the original page, along with its subpages, will be created under the "Variants" section. 
     
  6. Edit the Duplicated Page: Customize the new page by editing its components. 
*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************
Step by step example of how to make updates to DPM in UIB.
Technical Consultant Saloni Suthar walks us through How to Duplicate a Component in the ServiceNow® UI Builder in the ServiceNow Utah Release. Create an exact copy of a configured component on your page except for the name and ID. A duplicated component copies all properties, bindings, and events

Thank you!