Hello,
I am new to UI Builder, and I am adding a "List" component to an existing home page. I was able to add the list, configure the table/filter, and set up visibility logic.
The list itself is working as expected, but I tested the links to the actual records/reference fields. Nothing happens when I click them.
Did I miss something in my initial configuration? I have not done changed anything with events because I didn't want to customize any basic list functionality.
I ran into the same issue. If anyone is still looking for a solution, here is how I solved it. Basically I checked the configuration of the "List Default" Page and copied the config, which worked like a charm.
- On the Page where your List component is, go to the bottom left and add a new client script. Give the script a name and add the "recordRoutesMapping" client script include:
- Paste the following code to the script and close the client script section
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_list.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);
}
}
- Select your list component and go to the "Events" tab
- Click "+Add event mapping"
- Select "Reference link clicked"
- Select the client script you've just created and click "Add"
Now your refence links in the list should work. Hope this helps. @Alan S if this solved the issue please mark as solution.
Cheers
Simon
