is there a way to lock breadcrumbs on service portal? Not the filter just the breadcrumbs

aditi sharan1
Kilo Contributor

For ex. Suppose i have this breadcrumb on the data table instance definition & i just want this breadcrumb to be fixed so that users cant click on all & remove the filter & see the records without this filter. 

How can i do this? Pls help

find_real_file.png

1 ACCEPTED SOLUTION

It's not possible to do it from widget instance, try to do it with CSS, I've checked this and worked for me. Add this CSS into your cloned widget:

.v339a5c41d7201200b0b044580e61030d .breadcrumbs span:nth-child(2) a ,
.v339a5c41d7201200b0b044580e61030d .breadcrumbs span:nth-child(3) a,
.v339a5c41d7201200b0b044580e61030d .breadcrumbs span:nth-child(4) > a.sp-breadcrumb-link.sp-breadcrumb-remove-condition.ng-scope{
pointer-events:none !important;
}

I've taken all breadcumbs with Jquery selector and made it readOnly with CSS.

If it was helpful, please give positive feedback.
Thanks,

If it was helpful, please give positive feedback! ✔
☆ Community Rising Star 22, 23 & 24 ☆

View solution in original post

6 REPLIES 6

Adrian Ubeda
Mega Sage
Mega Sage

Hi aditi,

You can hide that breadcumb editing the server script code in widget edition (you'll need to clone it)
Set option.show_breadcumbs to false.

If it was helpful, please give positive feedback.
Thanks,

If it was helpful, please give positive feedback! ✔
☆ Community Rising Star 22, 23 & 24 ☆

Hey, I need to show the breadcrumb but i want to make it un-editable.

It's not possible to do it from widget instance, try to do it with CSS, I've checked this and worked for me. Add this CSS into your cloned widget:

.v339a5c41d7201200b0b044580e61030d .breadcrumbs span:nth-child(2) a ,
.v339a5c41d7201200b0b044580e61030d .breadcrumbs span:nth-child(3) a,
.v339a5c41d7201200b0b044580e61030d .breadcrumbs span:nth-child(4) > a.sp-breadcrumb-link.sp-breadcrumb-remove-condition.ng-scope{
pointer-events:none !important;
}

I've taken all breadcumbs with Jquery selector and made it readOnly with CSS.

If it was helpful, please give positive feedback.
Thanks,

If it was helpful, please give positive feedback! ✔
☆ Community Rising Star 22, 23 & 24 ☆

awesome works perfectly