Changing the left custom navigation icons on portal
I have created new navigation menu items on portal using channels and interface tab of the application.
I would like to change the icons for each of these newly created navigation items.
So instead of using pega default icons I want to use my own custom icons in App Studio Help me if anyone knows how to implement that.
***Edited by Moderator Marije to add Capability tags***
JPMC
IN
@I_amFrk05 See if discussion in below link helps
https://support.pega.com/question/changing-left-navigation-icons-cosmos-user-portal
Eclatprime Digital Private Limited
IN
@I_amFrk05 Hi
I think we may not do this in App Studio. But we can do this in DEV studio.
Go to the Navigation Section and click on the navigation item and it displays the properties tab. In that General Tab we have the Image source option, where you can select the icon whatever you want.
For your reference see the attachment.
Thanks
Updated: 19 Oct 2022 2:09 EDT
NCS Pte. Ltd
SG
Hi @I_amFrk05: I hope you are using Theme-Cosmos. As mentioned by others in the comments, changing the icon to use images cannot be done from App studio. You need to switch to Dev studio to do this.
Another consideration is that- to do this you may need to do some customizations because the navigation rule used by theme cosmos (MainNavigation) is designed to get the pages dynamically which you added in the channels and interfaces. It is recommended not to customize the cosmos-design pattern. Also, it is recommended to use icon class instead of images in this scenario.
Said that, how can you add your own icons to icon class? Below references will help you.
https://academy.pega.com/topic/adding-new-icon-font/v1/in/16481/16496
https://community.pega.com/video-library/implementing-icons-fonts-pega-applications
Let us know if this helps.
Thanks