How to find arbitrary UI elements in UI Builder?

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
08-18-2025 08:05 AM
In the old ServiceNow "portal" technology, you used to be able to Ctrl + Right Click on things to navigate directly to where you needed to configure them.
Is that same (or similar) functionality available for UI Builder components? Or did we take a giant leap backwards?
I know that UI Builder is a core ServiceNow technology, and I have taken a couple of UI Builder Training courses, but I still have an awful lot of difficulty using it to configure things in ServiceNow. I can never FIND anything. : (
Is there a reliable set of steps I can use to go from a live HTML webpage element to finding that element in UI Builder?
As an example, I need to change the following "Your employee" label in the HR Agent Workspace to instead say "Subject Person". But I'm having great difficulty FINDING this "Your employee" section/panel/thing in UI Builder. Am I supposed to be using Developer Tools, and pulling out some kind of an ID value from there, and looking it up somehow in UI Builder? Is that the process? Or is there some much easier way to do this that I am simply ignorant of?
Please help. Thank you.
Screenshot of the item I need to configure:
And here is how that "panel" shows up in Developer tools in Chrome:
<div id="container-036d409df1434fcb877aeba4e-aag_main" parent-tag="now-uxf-page-simple-container" parent-component-id="036d409df1434fcb877aeba4e-aag_main" layout-tag="" style="flex-direction: column; padding-top: ; padding-right: ; padding-bottom: 0px; padding-left: ; display: flex;"><now-uxf-page-simple-container type="section" component-id="036d409df1434fcb877aeba4e-aag_loading_container" id="item-aag_loading_container" now-id="036d409df1434fcb877aeba4e-aag_loading_container" dir="ltr" style="min-height: 0px; width: 100%; display: none; height: auto;"><div id="container-036d409df1434fcb877aeba4e-aag_loading_container" parent-tag="now-uxf-page-simple-container" parent-component-id="036d409df1434fcb877aeba4e-aag_loading_container" layout-tag="" style="flex-direction: column; padding: var(--now-static-space--lg); display: flex;"><now-loader component-id="036d409df1434fcb877aeba4e-aag_loader" id="item-aag_loader" now-id="036d409df1434fcb877aeba4e-aag_loader" dir="ltr" style="min-height: 0px; min-width: 0px;"></now-loader></div></now-uxf-page-simple-container><now-uxf-page-simple-container type="section" component-id="036d409df1434fcb877aeba4e-aag_container" id="item-aag_container" now-id="036d409df1434fcb877aeba4e-aag_container" dir="ltr" style="min-height: 0px; min-width: 0px; height: 100%; width: 100%;"><div id="container-036d409df1434fcb877aeba4e-aag_container" parent-tag="now-uxf-page-simple-container" parent-component-id="036d409df1434fcb877aeba4e-aag_container" layout-tag="" style="flex-direction: column; display: flex;"><now-heading component-id="036d409df1434fcb877aeba4e-aag_heading" id="item-aag_heading" now-id="036d409df1434fcb877aeba4e-aag_heading" dir="ltr" style="min-height: 0px; min-width: 0px;"></now-heading><sn-contact-card component-id="036d409df1434fcb877aeba4e-aag_contact_card" id="item-aag_contact_card" now-id="036d409df1434fcb877aeba4e-aag_contact_card" heading-name="Sreenu Murru" aria-label="contact card" role="group" dir="ltr" style="min-height: 0px; min-width: 0px; box-shadow: var(--now-static-drop-shadow--md); margin-bottom: var(--now-static-space--xl); margin-top: var(--now-static-space--md);"></sn-contact-card><now-heading component-id="036d409df1434fcb877aeba4e-aag_team_heading" id="item-aag_team_heading" now-id="036d409df1434fcb877aeba4e-aag_team_heading" dir="ltr" style="min-height: 0px; min-width: 0px; margin-bottom: var(--now-static-space--sm);"></now-heading><now-card component-id="036d409df1434fcb877aeba4e-aag_team_card_container" id="item-aag_team_card_container" now-id="036d409df1434fcb877aeba4e-aag_team_card_container" dir="ltr" style="min-height: 0px; min-width: 0px; height: 100%; margin-bottom: var(--now-static-space--xl);"><div id="container-036d409df1434fcb877aeba4e-aag_team_card_container" parent-tag="now-card" parent-component-id="036d409df1434fcb877aeba4e-aag_team_card_container" layout-tag="" style="display: flex; flex-direction: column; gap: var(--now-static-space--md);"><now-uxf-page-simple-container slot="" type="section" component-id="036d409df1434fcb877aeba4e-aag_department_container" id="item-aag_department_container" now-id="036d409df1434fcb877aeba4e-aag_department_container" dir="ltr" style="min-height: 0px; min-width: 0px; height: 100%; width: 100%;"><div id="container-036d409df1434fcb877aeba4e-aag_department_container" parent-tag="now-uxf-page-simple-container" parent-component-id="036d409df1434fcb877aeba4e-aag_department_container" layout-tag="" style="flex-direction: column; display: flex;"><now-stylized-text component-id="036d409df1434fcb877aeba4e-aag_department_label" id="item-aag_department_label" now-id="036d409df1434fcb877aeba4e-aag_department_label" dir="ltr" style="min-height: 0px; min-width: 0px;"></now-stylized-text><now-stylized-text component-id="036d409df1434fcb877aeba4e-aag_department_value" id="item-aag_department_value" now-id="036d409df1434fcb877aeba4e-aag_department_value" dir="ltr" style="min-height: 0px; min-width: 0px;"></now-stylized-text></div></now-uxf-page-simple-container><now-uxf-page-simple-container slot="" type="section" component-id="036d409df1434fcb877aeba4e-aag_manager_container" id="item-aag_manager_container" now-id="036d409df1434fcb877aeba4e-aag_manager_container" dir="ltr" style="min-height: 0px; min-width: 0px; height: 100%; width: 100%;"><div id="container-036d409df1434fcb877aeba4e-aag_manager_container" parent-tag="now-uxf-page-simple-container" parent-component-id="036d409df1434fcb877aeba4e-aag_manager_container" layout-tag="" style="flex-direction: column; display: flex;"><now-stylized-text component-id="036d409df1434fcb877aeba4e-aag_manager_label" id="item-aag_manager_label" now-id="036d409df1434fcb877aeba4e-aag_manager_label" dir="ltr" style="min-height: 0px; min-width: 0px;"></now-stylized-text><now-text-link href="javascript:void(0)" component-id="036d409df1434fcb877aeba4e-aag_manager_value" id="item-aag_manager_value" now-id="036d409df1434fcb877aeba4e-aag_manager_value" dir="ltr" style="min-height: 0px; min-width: 0px;"></now-text-link></div></now-uxf-page-simple-container></div></now-card><now-heading component-id="036d409df1434fcb877aeba4e-aag_case_heading" id="item-aag_case_heading" now-id="036d409df1434fcb877aeba4e-aag_case_heading" dir="ltr" style="min-height: 0px; min-width: 0px; margin-bottom: var(--now-static-space--sm);"></now-heading><div id="item-aag_repeated_cases" data-type="repeater" style="min-height: 0px; min-width: 0px;"><div id="container-036d409df1434fcb877aeba4e-aag_repeated_cases" parent-component-id="036d409df1434fcb877aeba4e-aag_repeated_cases" layout-tag="" style="flex-direction: column; gap: var(--now-static-space--md); display: flex;"><now-card component-id="036d409df1434fcb877aeba4e-aag_repeated_cases_0_aag_recent_case_card" id="item-aag_repeated_cases_0_aag_recent_case_card" now-id="036d409df1434fcb877aeba4e-aag_repeated_cases_0_aag_recent_case_card" dir="ltr" style="min-height: 0px; min-width: 0px;"><div id="container-036d409df1434fcb877aeba4e-aag_repeated_cases_0_aag_recent_case_card" parent-tag="now-card" parent-component-id="036d409df1434fcb877aeba4e-aag_repeated_cases_0_aag_recent_case_card" layout-tag="" style="flex-direction: column; display: flex;"><now-card-header component-id="036d409df1434fcb877aeba4e-aag_repeated_cases_0_aag_recent_case_card_header" id="item-aag_repeated_cases_0_aag_recent_case_card_header" now-id="036d409df1434fcb877aeba4e-aag_repeated_cases_0_aag_recent_case_card_header" dir="ltr" style="min-height: 0px; min-width: 0px; margin-bottom: var(--now-static-space--md);"><now-highlighted-value slot="metadata" icon="" component-id="036d409df1434fcb877aeba4e-aag_repeated_cases_0_aag_recent_case_card_header_highlighted_value" now-id="036d409df1434fcb877aeba4e-aag_repeated_cases_0_aag_recent_case_card_header_highlighted_value" dir="ltr"></now-highlighted-value></now-card-header><now-label-value-stacked component-id="036d409df1434fcb877aeba4e-aag_repeated_cases_0_aag_recent_case_card_fields" id="item-aag_repeated_cases_0_aag_recent_case_card_fields" now-id="036d409df1434fcb877aeba4e-aag_repeated_cases_0_aag_recent_case_card_fields" dir="ltr" style="min-height: 0px; min-width: 0px; margin-bottom: var(--now-static-space--md);"></now-label-value-stacked><now-label-value-inline value="Aug 13" component-id="036d409df1434fcb877aeba4e-aag_repeated_cases_0_aag_recent_case_card_footer" id="item-aag_repeated_cases_0_aag_recent_case_card_footer" now-id="036d409df1434fcb877aeba4e-aag_repeated_cases_0_aag_recent_case_card_footer" truncated="" dir="ltr" style="min-height: 0px; min-width: 0px;"></now-label-value-inline></div></now-card><now-card component-id="036d409df1434fcb877aeba4e-aag_repeated_cases_1_aag_recent_case_card" id="item-aag_repeated_cases_1_aag_recent_case_card" now-id="036d409df1434fcb877aeba4e-aag_repeated_cases_1_aag_recent_case_card" dir="ltr" style="min-height: 0px; min-width: 0px;"><div id="container-036d409df1434fcb877aeba4e-aag_repeated_cases_1_aag_recent_case_card" parent-tag="now-card" parent-component-id="036d409df1434fcb877aeba4e-aag_repeated_cases_1_aag_recent_case_card" layout-tag="" style="flex-direction: column; display: flex;"><now-card-header component-id="036d409df1434fcb877aeba4e-aag_repeated_cases_1_aag_recent_case_card_header" id="item-aag_repeated_cases_1_aag_recent_case_card_header" now-id="036d409df1434fcb877aeba4e-aag_repeated_cases_1_aag_recent_case_card_header" dir="ltr" style="min-height: 0px; min-width: 0px; margin-bottom: var(--now-static-space--md);"><now-highlighted-value slot="metadata" icon="" component-id="036d409df1434fcb877aeba4e-aag_repeated_cases_1_aag_recent_case_card_header_highlighted_value" now-id="036d409df1434fcb877aeba4e-aag_repeated_cases_1_aag_recent_case_card_header_highlighted_value" dir="ltr"></now-highlighted-value></now-card-header><now-label-value-stacked component-id="036d409df1434fcb877aeba4e-aag_repeated_cases_1_aag_recent_case_card_fields" id="item-aag_repeated_cases_1_aag_recent_case_card_fields" now-id="036d409df1434fcb877aeba4e-aag_repeated_cases_1_aag_recent_case_card_fields" dir="ltr" style="min-height: 0px; min-width: 0px; margin-bottom: var(--now-static-space--md);"></now-label-value-stacked><now-label-value-inline value="Aug 12" component-id="036d409df1434fcb877aeba4e-aag_repeated_cases_1_aag_recent_case_card_footer" id="item-aag_repeated_cases_1_aag_recent_case_card_footer" now-id="036d409df1434fcb877aeba4e-aag_repeated_cases_1_aag_recent_case_card_footer" truncated="" dir="ltr" style="min-height: 0px; min-width: 0px;"></now-label-value-inline></div></now-card></div></div><now-text-link href="javascript:void(0)" component-id="036d409df1434fcb877aeba4e-aag_recent_cases_link" id="item-aag_recent_cases_link" now-id="036d409df1434fcb877aeba4e-aag_recent_cases_link" dir="ltr" style="min-height: 0px; min-width: 0px; margin-bottom: var(--now-static-space--md); margin-top: var(--now-static-space--md);"></now-text-link></div></now-uxf-page-simple-container></div>