I am trying to create breadcrumbs in a UI builder, and I have encountered several issues. The first problem is that the last page is always highlighted prominently. I attempted a workaround by adding an extra page and then using "hidelabel" to remove the last one. However, "hidelabel" does not seem to work with breadcrumbs.
I also want to be able to highlight the current page with bold text. Is there anyone who has a solution to this?
Code:
/**
* @Param {params} params
* @Param {api} params.api
* @Param {TransformApiHelpers} params.helpers
*/
function evaluateProperty({ api, helpers }) {
return [
{
"label": "Secure Data Framework",
"href": "x/ssasi/test-data/secure-data-framework/params/extra-params" + api.context.props.extraParams,
"icon": "",
"hidelabel": false
},
{
"label": "Community Segmentation",
"href": "x/ssasi/test-data/community-segmentation/params/extra-params" + api.context.props.extraParams,
"hidelabel": false
},
{
"label": "Dynamic Data Matrix",
"href": "x/ssasi/test-data/dynamic-data-matrix/params/extra-params" + api.context.props.extraParams,
"hidelabel": false
},
{
"label": "Adaptable Workspace",
"href": "x/ssasi/test-data/adaptable-workspace/params/extra-params" + api.context.props.extraParams,
"hidelabel": false
},
{
"label": "Hidden Vault",
"href": "#",
"hidelabel": true
}
];
}
