Changing label in breadcrumbs

dmi95
Tera Expert

Team,

 

Need to understand how to change the label for the breadcrumb used in one of the page.Is there way to change it without cloning the widget?Also from where does the item list is fetched?

OOTB code:

 

HTML:

<ul class="nav nav-pills nav-sm">
<li><a ng-href="?id={{portal.homepage_dv}}">${Home}</a></li>
<li><i class="fa fa-chevron-right"></i></li>
<li ng-if="!c.breadcrumbs"><a href>{{page.title}}</a></li>
<li ng-repeat-start="item in c.breadcrumbs">
<a ng-href="{{item.url}}">{{item.label}}</a>
</li>
<li ng-if="!$last" ng-repeat-end>
<i class="fa fa-chevron-right"></i>
</li>
</ul>

 

Server:

 

function($scope) {
var c = this;
$scope.$on("sp.update.breadcrumbs", function(e, list) {
c.breadcrumbs = list;
});
}

1 ACCEPTED SOLUTION

Ahmmed Ali
Mega Sage

The title configured in portal page is shown in breadcrumb for any portal page. For service catalog pages, it will follow catalog and category names.

If I could help you with your Query then, please hit the Thumb Icon and mark my answer as Correct!!

Thank you,
Ali

View solution in original post

3 REPLIES 3

Ahmmed Ali
Mega Sage

The title configured in portal page is shown in breadcrumb for any portal page. For service catalog pages, it will follow catalog and category names.

If I could help you with your Query then, please hit the Thumb Icon and mark my answer as Correct!!

Thank you,
Ali

Hi ,

Need to understand how to change the URL for the breadcrumb used in kb_article_view page.

Where does the item list (item.url) is fetched? thanks!

Hi @Tina24 , were you able to found how to update or set that variable??

Regards.