Change the breadcrumb symbol

Dharaneetharan
Tera Contributor

Dharaneetharan_0-1703600953586.png

Hi,

I have a requirement to change the symbol of breadcrumbs to "/" 

let me know if any one worked on this.

Thanks,

1 ACCEPTED SOLUTION

Anil Lande
Kilo Patron

Yes we can change it but it need huge customization as this widget is used on most of the pages on Service Portal.

There is OOB widget used to show breadcrumbs

Screenshot 2023-12-26 at 9.07.51 PM.png

 

This widget is readonly.

If you want to change the icon then clone the widget and make the changes to HTML part and replace the class.

you can use below class as per your choice:

<i class="fa-solid fa-slash-forward"></i>

or

<i class="fa-solid fa-slash"></i>

 

https://fontawesome.com/icons/slash-forward?f=sharp&s=solid

 

Once you modify widget, replace the widget on the require portal pages.

 

 

Please appreciate the efforts of community contributors by marking appropriate response as correct answer and helpful, this may help other community users to follow correct solution in future.
Thanks
Anil Lande

View solution in original post

1 REPLY 1

Anil Lande
Kilo Patron

Yes we can change it but it need huge customization as this widget is used on most of the pages on Service Portal.

There is OOB widget used to show breadcrumbs

Screenshot 2023-12-26 at 9.07.51 PM.png

 

This widget is readonly.

If you want to change the icon then clone the widget and make the changes to HTML part and replace the class.

you can use below class as per your choice:

<i class="fa-solid fa-slash-forward"></i>

or

<i class="fa-solid fa-slash"></i>

 

https://fontawesome.com/icons/slash-forward?f=sharp&s=solid

 

Once you modify widget, replace the widget on the require portal pages.

 

 

Please appreciate the efforts of community contributors by marking appropriate response as correct answer and helpful, this may help other community users to follow correct solution in future.
Thanks
Anil Lande