Opening a clicked record in new tab page within UI Builder

SG17
Tera Expert

I'm trying to create a UI Builder workspace page that works like the OOB Vulnerability Management Workspace. When a record is clicked on the page it opens in a new tab. But I don't see any tab components that allow this, only ones that allow tabs within the page. Their list has a Row Clicked event handler but no tab components on the page so I'm not sure how they do it?

 

2023-08-11_12-57-35.png2023-08-11_12-57-54.png2023-08-11_12-58-15.png

1 ACCEPTED SOLUTION

SG17
Tera Expert

I was able to fix this. In the latest Tokyo version when you create UI Builder pages with the three new UI Page Templates you will not get a record in that pages sys_ux_page_registry for chrome_tab. I'm not sure why that value isnt' added automatically in the newer page templates. You can create a page with a newer template or a Blank Page and add it manually. A good base JSON for it is

 

{
"contextual":[
"record"
],
"maxMainTabLimit":10,
"maxTotalSubTabLimit":30
}

 

You'll then need to create a Client Script and map it to your Lists Row Clicked Event. If you create a page with the old templates you can see an example of this or use the below

 

function handler({
    api,
    helpers,
    event,
    imports
}) {
    const {
        routeMapping,
        buildDefaultRoutePayload
    } = imports["global.recordRoutesMapping"]();

    var route = 'record';
    var targetRoute = '';
    const defaultRoutePayload = buildDefaultRoutePayload(route, targetRoute, event);

    const routeMap = api.data.dynamic_routing_simplelist.routeMap;
    const payload = routeMapping(routeMap, defaultRoutePayload, event);

    // If a table name passed into trueupTable matches the existing table
    // refresh trueup DR to get real table name; otherwise use existing.
    if(api.state.routeParentTables && api.state.routeParentTables.split(',').find(table => table === payload.fields.table)) {
        api.setState('navigationPayload', payload); 
        api.data.resolve_route_parent_tables.refresh(); 
    } else { 
        api.emit('NAV_ITEM_SELECTED', payload); 
    } 
}

 

View solution in original post

6 REPLIES 6

Hi There,

 

I am still facing the same problem of not able to open the record in the new tab. I followed your instruction (Snip-1 and Snip-2) but still unable to fix it. Can you please check if I am missing something. I am trying to achieve as in Snip-3. 

 

 

Hi Rohit, 

Have you found a solution for that ? Facing the same "challenge", did not came to a solution yet, despite having diged deeply into google.

Thanks in advance,
Arnaud