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

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...

Thanks for the update, good news

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

Regards

Paul