Platform: UI Builder || Knowledge & Troubleshooting Resources
Maik Skoddow
I recommend bookmarking this article so that you are automatically notified by email when changes are made by me.
If you miss any content, please leave it as a comment and I will add it to this article.
For the similar topic of Next Experience UI, I have written an individual article
My library Knowledge Sources To Go is very popular, but it was intended mainly as a thematically grouped guide to standard sources and was provided by me as a PDF file. For certain topics, however, there is so much content that I can no longer include it in that document, as it cannot continue to grow forever.
For this reason, I have decided to handle such topics in individual community articles like this one instead.
What is the UI Builder?
The UI Builder is a web user interface builder that is part of the Next Experience UI Framework. UI Builder can be used to build pages for configurable workspaces, App Engine Studio generated workspaces and portals, and custom web experiences using Next Experience Components and custom web components.
Within UI Builder, you can do the following to configure your web experience:
- Create and configure pages
- Configure page layouts
- Add components to a page (150+ are available baseline)
- Configure and style components that can communicate and react to each other
- Set up data resources and use data binding to enable components to fetch and display data
- Define event handlers for baseline events
- Create client state parameters to store page-level data
- Add client scripts
- Apply theming to your experience
Entry point to the official product information pages
Entry point to the official product documentation.
Trainings & Courses
This course of 5 modules gives an easy introduction to the subject.
Take a closer look at the fundamentals of UI Builder and how it can be used to create pages, using components, for workspace or custom portal experiences within ServiceNow.
Introduction to Entity View Action Mapper - EVAM
Entity View Action Mapper (EVAM) shows information from different data sources in a card grid view or as a list of information in a list view. Large data sets of search results can be paged through with different views based on filter conditions. EVAM could be that one pane of glass solution you need.
Articles & Blog Posts
2021-02-26 by @Chris Pearson
UI Builder - Component Visibility Logic
We certainly know how to build a record page on a portal by now and we can add a button to our page which calls the proper Transform Data Broker onClick to execute the server-side logic to cancel the ticket according to the requirements. But how do we ensure that the button only appears under the right conditions?
2021-06-01 by @Daniel Draes
How to setup a type-ahead search in UI Builder
On a new UX page we need an input field to search and select a user record, to allow a great user experience we want to utilize a type-ahead search like experience we all know and love from Google and the likes.
2022-07-13 by @Jon G Lind
Using Data from your GraphQL API in UI Builder
By now you've created your first GraphQL API and learned how to craft queries to it. The final step, of course, is to actually use that data. Your API can be used anywhere within the platform, or configured for third party integrations outside of ServiceNow, in this example we will explore how easy it is to render within ServiceNow using UI Builder.
2023-08-03 by Carleen Carter
UI Builder series
2024-01-20 by Dan Covic
How to Build Workspaces from Scratch
If you're looking to build a workspace from scratch, the UI Builder is the way to go. In this short article, I provide an introduction on how to build workspaces from scratch with the help of the UI Builder.
Podcasts & Videos
2021-03-13 by ServiceNow Ninjas
In this short video series, we are going to create a new Portal using ServiceNow latest UI Builder
2021-03-25 by Matthew Herron
Building a simple master detail app on UI Builder
A simple walkthrough of building the most fundamental UI application: The master-detail app. Users need to browse a list of items and when they click on an item, they link to a form of that record.
2021-06-08 by ServiceNow Dev Program
Build a Notes App in UI Builder
On this episode, join Brad and Chuck as they build a front-end for a Notes app using out-of-the-box functionality in UI Builder. They'll attempt to replicate the functionality from the Creating Custom Widgets Service Portal training on the developer site.
2021-08-24 by ServiceNow Dev Program
On this episode, we will work on a recipe app in UI Builder, exploring some of the new Rome release features in UIB.
2021-08-24 by ServiceNow Dev Program
On this episode, join Brad, Chuck, and Earl as they explore viewports in UI Builder in the Rome release.
2021-12-01 by ServiceNow Community
Building Custom Experiences with UI Builder
Learn how to use UI Builder to create a great experience for your custom apps. Brad Tilton, Sr. Developer Advocate with ServiceNow, shows you how to deliver amazing experiences using ServiceNow's intuitive WYSIWYG builder.
2022-01-10 by JZ
Low-Code to create Web app and Workspace (UI Action, Data Resource and Event Handling)
Low-Code approach to create ServiceNow Web App/Workspace:
1) Create web page
2) Create client state parameters
3) Create Client Script
4) Configure Data Resource
5) Config a client state parameter for each web component
6) Config an event to link each web component with each state parameter
2022-02-11 by ServiceNow Dev Program
Using the new repeater component in UI Builder
Join the developer program team as we use the new repeater component, introduced in the San Diego release, to build an experience.
2022-02-18 by ServiceNow Dev Program
Join the developer advocates as we build an experience using the new UI Builder enhancements in the San Diego release.
2022-14-04 by ServiceNow Dev Program
Workspace Builder & Experience Templates
2022-08-19 by ServiceNow Community
In this Next Experience Academy session we'll cover an overview of what UI Builder is in ServiceNow, it's current use cases as of San Diego and Tokyo, as well as some new features for UI Builder that are coming as of the Tokyo release.
2022-08-19 by ServiceNow Dev Program
In this series we will focus on exploring the Quebec Release version of UI Builder by looking at different pieces of the tool and putting those pieces together to solve some problems. We'll look at and explore concepts like pages and variants, data resources, client state parameters, client scripts, EVAM, components, data binding, and more.
2022-11-17 by GlideFast Consulting
In this ServiceNow Tutorial, Technical Consultant Travis Castleman gives a demo on UI Builder in ServiceNow.
2023-01-28 by ServiceNow with Jesse
How to make an external REST API call in UI Builder
Learn how to make an API call to an external REST API using ServiceNow's UI Builder within the Now Experience framework. This allows you to pull in external data into Configurable Workspaces.
2023-02-17 by ServiceNow Dev Program
UI Builder and Next Experience in Utah
UI Builder, Next Experience, and more.
2023 by ServiceNow Dev Program
Join Next Experience outbound product managers Brad Tilton and Maria Gabriela Ochoa Waechter Perez every other Thursday as they build solutions and solve problems using UI Builder, ServiceNow's web user interface builder for creating and editing pages in workspace experiences.
2023 by TechnoMonk
Series of videos
2023-07-31 by ServiceNow Community
Workspace and UI Builder Tips and Tricks
Join us for a quick lesson full of tips and tricks for working with UI Builder and Workspaces! There'll be plenty of awesome information that you've been looking for like how to add a playbook tab to a record page, adding user experience analytics to UIB, and more!
2023-09-26 by ServiceNow Community
What's new in UI Builder for Vancouver
It's a great session with one of our best experts to discover the new hot UIB/Next Experience features in Vancouver.
2023-10-23 by GlideFast Consuting
ServiceNow UI Builder | Vancouver New Features
New feature alert! Senior Technical Consultant Saloni Suthar walks us through new features in the ServiceNow UI Builder for the ServiceNow Vancouver Release.
2023-10-24 by ServiceNow Community
Next Experience Academy: What's new in Vancouver: UI Builder edition
Join us for a first look at what's coming in Vancouver for UI Builder!
2024-01-07 by Teiva Systems
Webinar UI Builder: Creating User Friendly ServiceNow Pages
Learn how to building modern Portals/Workspaces using UI Builder from scratch based on Figma templates. This is the recording of a webinar about valuable insights and knowledge of how to using the UI Builder tool within the ServiceNow platform incl. a step by step explanation.
2024-03-26 by ServiceNow Dev Program
2024-03-29 by ServiceNow Dev Program
Join us for an engaging session on Live Coding Happy Hour as we navigate the thrilling world of UI Builder in ServiceNow. This episode is a deep dive into developing a sophisticated notes application, showcasing the power and versatility of UI Builder. Discover how to:
• Utilize the Condition Builder component to add dynamic, advanced filtering to your applications.• Implement visibility toggles and explore the event-driven development paradigm within UI Builder.• Leverage client state parameters for managing application state and data flow.
• Embed and manipulate encoded queries for nuanced data retrieval and display.
2024-04-04 by ServiceNow Community
What's New in Washington D.C. for UI Builder and Workspaces
Join us for a first look at what's coming in Vancouver for UI Builder and Workspaces!
Troubleshooting
Known Error Portal
Pre-configured filter for the respective topic. Remove the query string or modify the filters on the left side if you want to narrow down the search results in a different way.
Selected Articles
UI Builder shows Internal Server Error (500) 
Labels:
https://www.servicenow.com/community/next-experience-articles/ui-builder-knowledge-amp-troubleshooting-resources/ta-p/2590956