My
UI Builder
Corner

Personal blog about Next Experience UI Builder.

ServiceNow Browser Extension: UI Builder Dock available in Google Web Store here.


💡About me

Did my blog save you from pulling your hair out? Feel free to buy me a coffee 😎

Jan Moser, 2025

While the previous version significantly sped up the process of identifying which backend record belongs to which UI / Declarative action, I wasn’t a fan of observing the Shadow DOM, and honestly, I felt like something was still missing. So, I’ve tuned it up a bit.

Cross to brige


As a developer, I want to quickly:

  • Locate the backend records of the displayed UI / Declarative actions.
  • Identify which Page variant has loaded in the workspace.

I dug into the workspace structure and wrapped the whole thing into something I call the Workspace Dock.

It’s a small icon in the bottom right corner. Clicking it reveals two buttons: one to reveal the current page variant, and another to inject those backend buttons.

Bundling it this way makes much more sense to me, and the entire implementation is significantly cleaner.

Of course, the Dock can be toggled on or off in the settings 😎

Enjoy!

Honza

Posted in

Leave a comment