Drop Down Menu in Service Portal
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎12-11-2016 09:14 PM
Hello All,
How to implement an drop down like this way in Service Portal.
When I added menu item first level is coming correct but and then its now working.Can some one help on this?
Thank
Saranya
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎12-11-2016 10:52 PM
Hi
You navigate to Service Portal -> Menus and open the menu for the portal
Here you open one of the menu items, and you will see a related list cal menu item in the bottom.
Here you can create sub menus (don't think it will work on my example behow, as the Knowledge menu is a link and not a dropdown)
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎12-11-2016 11:26 PM
Hello Lars,
I have already tried the same.In the Home menu I have added Home,Inbound Order Issue,Inventory.
In the Inbound Order Issue menu I have added Delivery Performance,Paperwork,Load Quality
But the result is like below.
Second Level is now coming over there.
I want the menu item like below
Home
Inbound Order Issue----------------Delivery Performance
Paper Work
Thanks
Saranya
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎12-11-2016 11:44 PM
Ahh ok
Well that is probably designed that way, as it would not function properly on a mobile device otherwise.
You will have to modify the "Header menu" widget to change this.
More specifically you will have to change the template "menuTemplate" which is attached to the widget.
The widget renders the first level as dropdown by calling the "menuTemplate". But menuTemplate calls it self again for each level of submenus so you get dropdowns in side dropdowns.
I wouldn't be able to tell you how to change this thought.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎02-01-2018 01:47 AM
Hi Saranya
This can't be done by using OOTB widget. You will have to customize the widget according to your requirement.
Create your own Angular ng-templates - menuTemplate,spDropdownTree and apply styling accordingly,you will also have to create your own angular provider spDropdown.
These are the one's that I have created for the requirement that I had.