UI Builder Resources

[Ashley Snyder]

 Center of Excellence / UI Builder

Helpful Articles Articles to help you get started with UI Builder, how to configure pages and create pages in UI Builder, introduction to components, and more.

Getting Started FAQ UI Builder Quick Start Guide UI Builder Fundamentals What's new for UI Builder in Tokyo Developer Blog: UI Builder UI Builder FAQ     Building Components See the UI Builder Quick Start Guide for articles on Pages, Variants, Audiences, Events, Modals, and more. See the Developer blog for even more articles on Data Resources, Client Scripting, Modals, and other resources. Pages, Variants, and Audiences Custom 404 Pages Add a Playbook Record Page Tab to a Workspace Record List and Form Actions The COMPLETE Guide to Declarative Actions Add a Button to the List Component with Declarative Actions Enable a Declarative Action in a Related List Open a new UI Builder Tab from a Workspace Record Using a Declarative Action Client-Side Interactions UI Builder Client Scripts versus Classic Environment (UI16) Client Scripts Developer Site: UI Builder API Data Resources All About Data Resources in UI Builder  Dynamic Data in a UI Builder Dropdown Component Next Experience Component Library UI Framework ServiceNow CLI EVAM versus Repeaters How to Setup a Typeahead Search in UI Builder Set up Component Visibility based on Roles Using Multiple Component Nesting and Parameter Nesting Action Handling (Events)

 

Training Check out the NowLearning and Developer sites for courses on UI Builder, Components, EVAM, and more.

UI Builder Fundamentals Now updated for Xanadu! Developer site: UI Builder Course Building a Killer Experience with UI Builder Getting Started with the Now Experience UI Framework         Introduction to Entity View Action Mapper (EVAM) Introduction to External Component Development and Deployment

 

Featured Videos Watch our videos to learn about UI Builder. See the full video library here.

Next Experience Academy - UI Builder Tokyo Highlights Creator Toolbox - What's new for UI Builder in San Diego

 

[aneta_koleva]

hello @Ashley Snyder  and @Brad Tilton , I have recently started working with UI Builder and I am not able to find something in particular since many time now.

How to set the required parameters on the home page? When you are directing from one page to another it is easy, you just add the needed parameter via hardcoding it or data binding. But for my current assignment I need to show to different home pages (aka 2 variants) based on a system property for the application.

I am considering adding a required parameter and pass the server data for this parameter but I have no idea how this could be achieved. Any guidelines as documentation, training or something?

I even need to develop an Opt in screen where the Customer to agree with terms and conditions. This will be done out of a module which directs to a UI Builder page. I tried using URL (from Arguments) and script Include which is checking the property but it seems this redirect is only executed ones and on the second click of the same module it is redirecting to the same variant even though the system property has changed it value. Is there something to be considered in terms of caching data for UI BUilder?

Please advise on this key, in my opinion, point for page parameters. Thank you in advance.

[Brad Tilton]

I don't think adding a required parameter to a landing or homepage is generally a good idea because then you won't be able to navigate to the page without the required parameter. 

Could you create a new post (to get this out of the article comments) and provide more information around your use case? You say there will be a system prop that determines which page gets shown, but is that on a per user basis?

[aneta_koleva]

Thank you Brad for the reply, I will make it a separate post.

Just to answer your question, all users with a particular role + particular value of the system property should see either variant A or variant B.

[Jakub_Popielarz]

I'd also add the Next Experience Developer Tools to the list, it's been really useful to me lately

[JonRunheimVT]

Hi!

Great article. However, the link The COMPLETE Guide to Declarative Actions doesn't work, seems to point to a ServiceNow internal teams page?

Kind regards,

/ Jon

[Brad Tilton]

@JonRunheimVT Good call out! I've updated it to this link: https://www.servicenow.com/community/developer-blog/declarative-actions-in-servicenow-the-complete-g... 

[CelesteGro]

Hello @Ashley Snyder  and @Brad Tilton

I am looking to add a 'Close Complete', 'Cancel', and 'Discuss' buttons to a workspace in UI builder for HR case records. Do you have any resources I could utilize? 

[AshishH]

Hi @Ashley Snyder/@Others , I am trying to create a new page in our customer service now instance (Yokohama patch 3).

But it fails with 400 error. 

Bad Request (400) : An Error has occurred. Please refresh or contact Support.

Steps: 

1. Go to UI Builder.

2. Select the existing experience or create a new experience.

3. Click on the + icon next to Pages and variants

4. Add the required details

5. at the end getting below error - 

Any help to resolve this is greatly appreciated.