Assistance on breadcrumbs widget in service portal.

[Nithin12]

Hi Team,

I want to restrict breadcrumbs widget to be read only to all users.

They should be able to modify it, for example:

All>Active=true must not be editable, It should be read only.

Here user clicked on All,So now the query is all:

So my requirement is to make this query read only. Users should not able to edit this query, always it should be All>Active=true

Can any one suggest/help me on this ?

Thanks in advance.

nathanfirthDeveloper CommunityServiceNow Developers Blog

[Nia McCash · Accepted solution]

Assuming you are using one of the out-of-box "Data Table" widget, you'll see in the server script that the breadcrumbs is defined in the widget named "Filter Breadcrumbs" [ID: widget-filter-breadcrumbs]

You will need to create a clone of the "Filter Breadcrumbs" widget to change the behavior and remove the links.

To remove the links and make the text read only, you can change the HTML template of the cloned "Filter Breadcrumbs" widget.
Change:

       <a href="javascript:void(0)" ng-if="!$first" class="sp-breadcrumb-link sp-breadcrumb-remove-condition" ng-click="adjustFilter(crumb, true)">&gt;</a>
       <a href="javascript:void(0)" class="sp-breadcrumb-link" ng-click="adjustFilter(crumb, false)">{{crumb.label}}</a>

to:

       <span ng-if="!$first" class="sp-breadcrumb-link sp-breadcrumb-remove-condition">&gt;</span>
       <span class="sp-breadcrumb-link">{{crumb.label}}</span>

You will likely have to clone the "Data Table" Widget too to point it to your version of the "Filter Breadcrumbs" widget - the one without the links.

[Nithin12]

Perfect .

[Brian Lancaster]

I'm trying something similar.  where would I change the clone of the data table widget so it point to my new Filter Breadcrumbs widget?

[manibaig]