Add new button to navbar in service portal

Fdeveloper
Kilo Guru

Hi,

I want to create a new button (My request) in navbar which contains my requests next to 
system adminstrator, any suggestion please.
Thank you.

 

find_real_file.png

1 ACCEPTED SOLUTION

Hi,

 

Ok you first find in Portal which theme you are using and configure as per below steps

You can check in Portal.

1)In Navigation type Portal ->

2)Check on which portal you want to modify the requirement ->

3)Check which Theme is for that portal is already selected ->

4)Open that Theme in that check header  if it OOTB theme then you need to clone this or you can edit these theme.  

 

find_real_file.png

Open this Service Portal and check theme here is La Jolla 

find_real_file.png

I opened this theme and Check here which Header is already set to your Theme. If it OOTB then you need to clone these Header and change in it. If you clone OOTB Header then don't forget to apply to your current portal Theme as per below screenshot. 

Add the below line after the system administrator and check my above changes so that you will get clear idea

<li role="presentation"><a tabindex="-1" ng-href="?id=sc_request" role="menuitem">${Request}</a></li> 

 

find_real_file.png

 

Please Mark correct/helpful answer if it help you in any way.

Thanks,

Kunal.

 

View solution in original post

14 REPLIES 14

Manoj Kumar16
Giga Guru

Go to ---> Your Portal--> Main Menu---> Header Menu---> and add Menu items.

find_real_file.png

Namrata Khabale
Giga Guru

Hey,

There is OOTB widget named as Header Menu--->WE can't make any changes in OOTB so First Clone that widget. In the upper right side there is a option Clone widget.

After Clonning, Open that Copy of Header Menu and do changes as per screenshot:

 

find_real_file.png

 

Then add this widget in your portal as follow:

 

find_real_file.png

 

Output:

 

find_real_file.png

 

 

Mark Correct and Helpful if you find my response worthy!!!

 

Best Regards,

Namrata.

Hi Namrata,

I followed your instructions and when I just added the widget to the main 
menu I can't find the wiget copy of menu header it's show me invalid refernce
Thank you.

 

Vishakha
Mega Guru

Hi,

In addition to @Namrata  Add this in css also,

 

Regards,

Vishakha