question Re: Customize New Tab Behavior Now Experience Workspace in Developer forum

Customize New Tab Behavior Now Experience Workspace

Mark Endsley — Fri, 13 May 2022 18:53:48 GMT

Hi Everyone!

I'm creating a Now Experience Workspace for my custom app. When the user clicks the (+)

To customize this as far as I have I've edited the chrome_tab record in the sys_ux_page_property table where I found this nice little JSON file.

{
    "contextual":[
       "record"
    ],
    "newTabMenu":[
       {
          "label":{
             "translatable":true,
             "message":"New Request"
          },
          "routeInfo":{
             "route":"record",
             "fields":{
                "table":"x_g_jhu_transport_request",
                "sysId":"-1"
             },
             "multiInstField":"sysId"
          },
          "condition":{
             "tableDescription":{
                "table":"x_g_jhu_transport_request",
                "canCreate":true
             }
          }
       }
       
    ],
    "maxMainTabLimit":10,
    "maxTotalSubTabLimit":30
 }

I've been able to modify the routeInfo and condition objects to get it to open a record for my custom app instead of incidents and interactions. However what I truly want to do is open a record producer in the service portal. I know this can be done, because in the main Agent Workspace I've been able to have an interaction redirect users to the Service Portal via client script within the Workspace.

Are there any valid inputs to this JSON to achieve this? What are the valid inputs? Is this really how ServiceNow intends me to do this? Or am I missing something?

Re: Customize New Tab Behavior Now Experience Workspace

JagjeetSingh — Sat, 14 May 2022 09:24:08 GMT

Hi,

You can achieve it with some customization.

The route in JSON is the page route and parameters for the pages in experience.

You can create a page in your experience using UI builder. Here you can use Iframe component to display the record producer. To make it dynamic you can accept the sysId of record producer using page parameters. Page parameters are "fields" defined in JSON and "route" is basically page name.

Once you create that page then you can modify the JSON with page and parameters. You can get to the route from UI builder using Menu > Developer > Open Variant Collection.

Mark helpful/correct if it works for you.

Re: Customize New Tab Behavior Now Experience Workspace

Mark Endsley — Mon, 16 May 2022 13:07:39 GMT

Hi Jagjeet,

Thanks for the suggestion, I have created the page with the iFrame. However when I go to Menu > Developer > Open Variant Collection I arrive at a page like this

Where do I find the JSON needed to accomplish the route?

Re: Customize New Tab Behavior Now Experience Workspace

Brad Tilton — Mon, 16 May 2022 13:57:30 GMT

The route should just be the name of your page, which I'm guessing is something like 'home' based on your screenshot. You can replace the record route in your original JSON with the route of your new page and clear out the fields property unless you're passing parameters to the page. It would be something like:

{
    "contextual":[
       "record"
    ],
    "newTabMenu":[
       {
          "label":{
             "translatable":true,
             "message":"New Request"
          },
          "routeInfo":{
             "route":"home",
             "fields":{},
             "multiInstField":"sysId"
          },
          "condition":{
             "tableDescription":{
                "table":"x_g_jhu_transport_request",
                "canCreate":true
             }
          }
       }
       
    ],
    "maxMainTabLimit":10,
    "maxTotalSubTabLimit":30
 }

If this format doesn't work you might try removing the fields and multiInstField properties entirely.

Re: Customize New Tab Behavior Now Experience Workspace

Mark Endsley — Mon, 16 May 2022 14:09:08 GMT

Yay this worked! The one thing I do notice is that the View Details button after submitting doesn't work. Any way of fixing this?

Re: Customize New Tab Behavior Now Experience Workspace

talk2aarav — Fri, 12 Apr 2024 14:25:26 GMT

Hi Brad.

Could you please help me with the code for me.

I need to open form of one of the catalog item if i click on +.

Click on + then we should have option 'Create Catalog' option alone with 'Create HR case' and 'Create Interaction' for my HR agent Workspace.

Please suggest. Thank you very much in advance.

Aarav.

Re: Customize New Tab Behavior Now Experience Workspace

VARUN37 — Thu, 19 Sep 2024 06:32:28 GMT

Hi Brad,

Is there a way to add an URL in routeInfo, I am trying to create a "Major incident" here, which again doesn't allow me. Any thoughts?

Re: Customize New Tab Behavior Now Experience Workspace

kumarg437 — Fri, 09 May 2025 11:24:51 GMT

Hi @Mark Endsley

I have created a new option to create service request. It is routing to OOTB 'Service Catalog' by default.

I am trying to route to my Custom catalog, but it is not happening whatever I tried, it is always going to OOTB Service catalog only.

If any of you have any ideas about this. Please feel free to pitch in!

Re: Customize New Tab Behavior Now Experience Workspace

Jordan Rhude — Thu, 22 May 2025 12:31:30 GMT

Hello all , I am working on a similar request for this, but trying to get it to go to my standard catalog so that the users can use the default catalog to pick an item and put in a request for users. The code snip-it below is what i have added and i have tried a lot of different variables for this. looking for some help with this. I am trying to direct it to this URL dynamically so it will work without the URL being hard coded.
URL: https://your_instance_name_here/now/nav/ui/classic/params/target/catalog_home.do%3Fsysparm_view%3Dcatalog_default

{ "label": { "translatable": true, "message": "New Catalog Item" }, "routeInfo": { "route": "catalog_home" }, "condition": { "tableDescription": { "canCreate": true } } }, {