- Subscribe to RSS Feed
- Mark as New
- Mark as Read
- Bookmark
- Subscribe
- Printer Friendly Page
- Report Inappropriate Content
UI Builder Essentials Part 10
Overview
Xanadu
Step 1. Open UI Builder
1. In your ServiceNow instance, use the Application Navigator to go to Now Experience Framework > UI Builder.
2. When UI Builder opens, you should see the UI Builder Home screen.
3. Select Experiences Tab at the top of the screen.
Step 2. Create a Page
1. In the Experience Editor, find Pages and variants.
2. Click the + icon next to it.
You should now have an empty Page, that's ready to be built upon, so let's add a layout.
Step 3. Adding a Layout and Data Visualization Component
1. In the Content tree, under Body, click Add Content or click the +Add content button on the stage panel.
2. Select Single Column.
3. Under Column 1, click + Add Content.
4. Search for Data Visualization and select it.
incident
and select it.Step 4. Creating the List Page
Step 5. Configuring the List Component
incident
.Step 6. Linking the Pie Chart to the List Page
Step 7. Testing and Previewing
Troubleshooting
Conclusion
Congratulations! 🎉 In this article, we've created a list page that is dynamically filtered and opened when clicking on a data visualization.
If you found this guide helpful, consider sharing it with peers or teams looking to elevate their UI Builder skills with dynamic pages. If you like this type of content, please mark the article "Helpful", and leave us your topic ideas in the comments.
Keep an eye out for future tutorials where we’ll dive deeper into crafting immersive, data-driven experiences. Until then—happy designing, and stay curious!
Check out the Next Experience Center of Excellence for more resources
- 2,666 Views
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.