Change the redirection of breadcrumb - SP

[Nitin_NOW]

Hello everyone 

I'm trying to change the redirection of 'Service Catalog' in the breadcrumb. 

Currently if we click on Service Catalog I see the page is being redirected to the page 'sc_home'. I'm trying to disable this redirection and would like to redirect it to separate page, onClick. 

I have cloned the breadcrumbs widget and changed the below line in the HTML code

<a ng-href="{{item.url}}">{{item.label}}</a>

to 

I'm defining the href link directly assuming this is what it is triggering the Service Catalog to 'sc_home' page. However even on my change it doesn't work and still redirect to the home page.

Is there any other place changes to be implemented for a successful redirection?

Thanks

[Nitin_NOW]

Hello Everyone 

Any suggestions or thoughts here please?

Thanks

[Steven Parker]

My concern is, if you replace the instance of breadcrumbs with your cloned one that you will run into issues because that Breadcrumbs widget controls all breadcrumb redirects, not just the Service Catalog redirect.  So that <a ng-href="{{item.url}}">{{item.label}}</a> controls all breadcrumb links and changing it for one page/item changes it for every breadcrumb link.

My initial thought is it's pulling those URL's from the SP Header Menu widget (Menu Items in that widget).  Of course, those affect the header menu as well on your Service Portal.

[Nitin_NOW]

Thanks for your reply. You have understood the issue perfectly. As now I changed the href URL and have hard coded it, this has effected for every breadcrumb link. For example if I click on Quick Links or Role Delegation on the breadcrumb it takes me to the same page whatever I defined in the href. 

Is there anyway I can only restrict the href URL for only 'Service Catalogs' in the breadcrumb and rest other links works same as it should be. 

Thanks in advance for any solutions provided.

[Steven Parker]

The only way that I think you could do would be with a function of if statement of some sorts in the Client Script or Server Script of the widget.  I wouldn't know exactly how or where to write this, but essentially you would want if the item.label is "Service Catalog" then the item.url would be something specific.  Basically anytime it sees "Service Catalog" as the label or item in the Breadcrumb list, you assign a specific url to item.url. 

Unfortunately coding for that is a little over my head when it comes to the Service Portal.

I don't see a way of doing it outside of that because you can't just make a Service Catalog Breadcrumb widget because it won't look right on the page.  You wouldn't be able to include it in the correct position of the normal Breadcrumbs.