Next Experience Center of Excellence
Community Alums
Not applicable

 

Next Experience Center of Excellence

Getting Started

 

Check out this video and this community article for the basics of what you need to know about the Next Experience UI, Workspaces, UI Builder, and Theming Next Experience!

 

You can also check out Chris Johnson's UI Builder 101 video and the UI Builder 101 article to learn the background and history behind UI Builder. You'll learn all the basics and foundations required to become a UI Builder master! 

Learn

Check out these sites to find the latest training for our products.

 

Quick Start Guides

Get started quickly with our step-by-step guides.

 

FAQs

Explore frequently asked questions about our products.

 

Catch Us Live

session 19-modified.png

 

Next Experience Academy

Focused on providing the latest information about Next Experience and related products, aimed at an Admin/Product Owner persona. 

Join our Zoom webinar every 3rd Wednesday of the month at 11am EST.

Round corners image (2).png

 

You & I Builder Live

Unrehearsed live technical show creating apps and configuring workspaces on UI Builder, aimed at a more technical audience but still accessible for beginners. 

Watch our YouTube livestream every 2nd and 4th Thursday of the month at 4pm EST.

Resources

Resource Hubs

Explore general resources related to our products.

 

ServiceNow Resources

Discover resources specific to ServiceNow.

 

Videos & Media

Check out other awesome ServiceNow content.

 

Comments
gjz
Mega Sage

I'm very thankful to have these articles, I have used them often while trying to learn UI Builder.  Would it be possible to get the same type of thing for the page templates? I haven't found any documentation on what specifically needs to be modified when copying a template for customization, or how to do it.

Suzanne H
Giga Guru

gjz, 

Here's a link to Page Templates in Product Docs. I hope that helps.

jxsaxton421
Tera Guru

 

 The Service Portal interface utilizes AngularJS created by Google, which introduced a third-party dependencies for user interfaces in the Now Platform. Service Portal and portal pages can be highly tailored and customizable for business needs unlike the Core UI, but have their drawbacks as well such as incompatibility with Jelly, lack of consistency when creating widgets, and low re-usability across different experiences


It should also be noted that Service Portal is still on Angular 1.0 --- not Angular JS (Version 2 and above). I have not seen any plans to upgrade the angular version anytime soon. So there are plans to or some other upgrades?

https://code.angularjs.org/1.5.2/docs/guide/introduction

Ashley Snyder
ServiceNow Employee
ServiceNow Employee

Hi @Josh Saxton this would be a great question for an account rep so they can set up some communication between you and the product managers for Service Portal or Employee Center, or may be found in their respective FAQ.  I've posted a link to the Employee Center FAQ in our FAQ section, but can't speak for any roadmap plans for their specific products only that they are continuing to support the technology stack as it is for the foreseeable future.  https://community.servicenow.com/community?id=community_article&sys_id=3ed186fb1b5d451056b699b8bd4bc...

For clarity, the Service Portal documentation makes reference to AngularJS so our documentation uses the same wording to reduce confusion. https://docs.servicenow.com/en-US/bundle/sandiego-servicenow-platform/page/build/service-portal/conc...

Please let me know if you have any further questions after reviewing our FAQ site. 

gjz
Mega Sage

Thanks for the link, but it's not what I was looking for.  The documentation doesn't have a description for the different templates or an explanation on how they are used or what needs to be configured in order to use them.  The documentation within UI Builder for how to use the components is generally very useful; having something like that for page templates is what I was looking for.

I would love to have a webinar on page templates and how to use them.

Loudigi
Kilo Sage

Hi @Ashley Snyder 
Thanks for all the great content.
Heads up! The Developer site: UI Builder Course link is not working. Perhaps it was a placeholder? 

Ashley Snyder
ServiceNow Employee
ServiceNow Employee

@Loudigi Thank you for the heads up, the link has been fixed.

Jon G Lind
ServiceNow Employee
ServiceNow Employee

Hey Josh.  While we will continue to support the current release of Angular which is used in Service Portal, our long term plans are to replace that with the Next Experience technology as documented on this site.  Currently the UI Builder is excellent for custom (i.e. mostly internal,  fulfiller oriented) workspaces and Service Portal should continue to be used for customer and employee oriented, general purpose portals as it is today.

Heverton Soares
Kilo Explorer

Missing field watcher 😞

kemmy1
Tera Guru

Yes, I'm really missing Field Watcher as well.

Suzanne H
Giga Guru

Yes, I want field watcher in the Next Experience. I just created an Idea on the Idea Portal, Add Field Watcher to Next Experience

kenf
Tera Contributor

I have a scenario where I need to import a third party client side JavaScript library when using the record page in an experience. I am able to include third party libraries in SerivcePortal using the "JS Includes" related list on a "Theme" record. There doesn't seem to be any equivalent for Next Experience.

 

I also haven't found a way to inject a script into the HTML on Next Experience. Looks like there is no access to global variables inside event handlers in Next Experience. I tried to dynamically inject a script tag using the "Page Ready" event, but all global variables are blocked, so I don't have access to the document object. Invent handlers look like they are invoked with a "null" this parameter intentionally to block globals. I see they are being invoked by this "lazyParser" function in the call stack:

 

function lazyParser(parser) {
	return (src, name = '(anonymous)') => {
		let fn;
		return (...args) => {
			try {
				fn = fn || parser(src);
				return fn.apply(null, args);
			} catch (e) {
				console.error(`Could not evaluate function '${name}'`, e);
			}
		};
	};
}

 

I also tried using the "Rich Text" component to add a script tag, but I'm assuming any script tag gets removed before being added to the page so that didn't work either.

 

Is there a way to include a third party script in Next Experience pages? I'm thinking something outside of actually creating my own custom component. I'd like to avoid that. There's a big curve going from using UI Builder to creating a custom component and I'm trying to keep things as simple as possible for my team. I don't think I'll be the only person who will need to occasionally add an external library to do some kind of integration with an existing client side framework.

 

Brian Workman
Tera Contributor

How can I use UI Builder to develop a Polaris style? I am looking but cannot see any info, and so I am probably just missing it.

brianrhamy
Tera Explorer

Sidebar question - with the Teams integration, can a technician start a sidebar conversation and those invited receive it in Teams even if they may be another technician who already has access to ServiceNow?  Since all of our users are constantly interacting within MS Teams, including the support technicians who regularly login to ServiceNow, it would be extremely useful for a technician to have the ability to use sidebar while those invited receive the conversation in MS Teams.

Version history
Last update:
‎01-24-2025 12:17 PM
Updated by: