How to add a button to the Next Experience header?

smurphy_bh
Tera Contributor

I am new to the Now/Next Experience and am trying to catch up on things but I have been tasked with adding a button to the main UI header that would link to our Service Portal. This is similar to how Xplore has a glasses icon that launches the Xplore app. Previously this was accomplished using a UI Script, jQuery, and DOM manipulation. I know that the Next Experience uses shadow DOM so it adds a new layer to get through but I am able to access the shadow DOM and add a link to the UI using developer tools in the console but I don't know how to go about doing it on the ServiceNow platform. It seems like UI scripts are not rendered or called in the Next UI as I have tried creating a new UI script but my simple alert() does not trigger. Turning off the Next Experience does trigger my UI Script test so I know the UI script is working.

The image below shows the Xplore icon in UI 16. Is this possible to do in the Next UI and how?

find_real_file.png

1 ACCEPTED SOLUTION

In Tokyo you can add custom menus to the navigation to the right of the workspaces menu: https://docs.servicenow.com/bundle/tokyo-platform-user-interface/page/administer/navigation-and-ui/t...

View solution in original post

6 REPLIES 6

Brad Tilton
ServiceNow Employee
ServiceNow Employee

As of San Diego you won't be able to add anything to the header, but it is something we're looking at on the roadmap.

I appreciate the response Brad.

Thanks Brad,

It would be nice to have it back. But for now I've added to the top of my favorites, since its also a menu item, which seems to be the quickest way to get to it for now.

Paul

 

Many customers would be really happy to see this back. It is so handy to be able to add a few quick custom links in the banner. 

***If Correct/Helpful please take time mark as Correct/Helpful. It is much appreciated.***

Regards

Paul