Adding drop down to customized menu

omsa1
Kilo Guru

I want to add dropdown (from menu Items) under ITServices and other menus like url to another page . how can i do this, which part do i need to change for this?

find_real_file.png

find_real_file.png

i have a cloned header menu and below is the Body HTML template. 

<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="avatar" style="background-image:url('{{data.photo}}');"><i></i></div>
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li ng-repeat="sectionGR in visibleItems" ng-if="data.isLoggedIn">
<a target="{{sectionGR.url_target}}" href="{{sectionGR.href}}" ng-if="!sectionGR.scriptedItems">
<span ng-bind-html="::sectionGR.label"></span>
</a>
<a target="_top" href="{{sectionGR.scriptedItems.href}}" ng-if="sectionGR.scriptedItems">
<span ng-bind-html="::sectionGR.label"></span>
<span>({{sectionGR.scriptedItems.count}})</span>
</a>
</li>

<!--<sp-dropdown-tree role="menu" aria-label="{{::sectionGR.label}}" ng-if="sectionGR.scriptedItems.count > 0" items="sectionGR.scriptedItems.items" />
-->
<!--
<j:if test="${!gs.isLoggedIn()}">
<j:if test="${sectionGR.u_private==true}">
<li><a href="${gs.getProperty('glide.servlet.uri')}saml_redirector.do?sysparm_uri=/ess_portal/${sectionGR.url}">${sectionGR.name}</a></li>
</j:if>
<j:if test="${sectionGR.u_private==false}">
<li><a href="${sectionGR.url}">${sectionGR.name}</a></li>
</j:if>
</j:if>
-->
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>

 

find_real_file.png

4 REPLIES 4

Jaspal Singh
Mega Patron
Mega Patron

Hi Omsa,

 

There is no need to clone the widget. The screenshot of menu item you have shared above is something that needs an entry addition.

Simply, create a new entry by using the New Button & then add the URL.

find_real_file.png

 

Hi Jaspal,

i already create menu items (HR Services and load form) but its not showing under ITServices parent menu. 

Hi Omsa,

 

In that case I guess menu is not being used. Can you ensure the Menu is coming from Main Menu Header & not from Theme once.

For that go to Service Portal >> Portals then look for required portal. Open the form & look for Theme. Once opened it will have a widget used. I guess you are using that on the portal.

Hi Jaspal ,

Yes i can see the widget in theme-->header--> new-header-menu widget, what and where should i add the script to make it work?