Update the Simple List tab title and heading in UI Builder

Chelsea Moore
Tera Guru

Hello everyone,

 

I am working on updating the tab title and heading for incidents on the Simple List View. Specifically, when a user clicks on the "Recent Incidents" link, then selects "View All" in the contextual sidebar on the Record Information > Record SNC page. We had a requirement to remove the "Recent" filter from the list, so users can see all incidents submitted by them. Therefore, I would like to change the tab title and heading to simply "Incidents" instead of "Recent Incidents." Any assistance would be greatly appreciated!

 

2024-12-11_9-55-34.pngTab title and Heading.pngView All.png

1 ACCEPTED SOLUTION

yago
ServiceNow Employee
ServiceNow Employee

Hi Tera,

Please update line 55 (near the end) of the same client script I mentioned. Change the following:

"listTitle": api.context.props.subTitle,

To this:

"listTitle": api.context.props.table === "incident" ? "Incidents" : api.context.props.subTitle,

Let me know if you need help with anything else.

View solution in original post

4 REPLIES 4

yago
ServiceNow Employee
ServiceNow Employee

 

  1. Open this URL:
    [your instance]/now/builder/ui/edit/pc/728ec88c43fa2110f20fff53e9b8f278/985c4bc443dc02108ade1febb7b8f2da/945c4bc443dc02108ade1febb7b8f2df/params/parent-screen-id/afd4b8dc43032110361dff53e9b8f28a/parent-element-id/viewport_1

  2. Switch to the scope: Service Operations Workspace ITSM Common.

  3. In the Data and Scripts section (bottom left), locate and edit the client script named "Open list page".

  4. Update the variable:

    var assetIncIntQuery = `${callerField}=${callerId}^${addQuery}`;
    

    to:

    var assetIncIntQuery = `${callerField}=${callerId}`;
    
  5. Save your changes. You might need to clear your browser cache to see the updates.

Important: This is an out-of-box (OOB) script, and the ServiceNow team may need to update this file in the future. To make this script upgradable:

  • Go to:
    [your instance]/nav_to.do?uri=sys_ux_client_script.do?sys_id=2a30f79c43e00a108ade1febb7b8f241

  • Right-click on the header and select Show Latest Update.

  • Right-click on the header again and choose Configure Form Layout.

  • Add the Replace on Upgrade field to the form layout.

  • Check the Replace on Upgrade checkbox and save the record.

Make a note of your changes so you can reapply them if an upgrade overwrites the script.




 
 

Hi Yago,

I was able to remove the query already. What I'm trying to figure out is how to change the subTitle property for the list page from "Recent Incidents" to just "Incidents"

yago
ServiceNow Employee
ServiceNow Employee

Hi Tera,

Please update line 55 (near the end) of the same client script I mentioned. Change the following:

"listTitle": api.context.props.subTitle,

To this:

"listTitle": api.context.props.table === "incident" ? "Incidents" : api.context.props.subTitle,

Let me know if you need help with anything else.

Yes! Thank you very much