I need to add two different pv:menus on one page.
But when I do that, he loads and runs the layout.js twice and the submenu of the second menu isn't working.
I use the first menu as a main menu and the second menu as as submenu inside the page.
Code example:
Code: Select all
<div class="layout-wrapper #{guestPreferences.slimMenu ? 'layout-menu-slim' : (guestPreferences.overlayMenu ? 'layout-menu-overlay' : 'layout-menu-static')} #{showMenu ? 'layout-submenu-static' : ''}">
<ui:include src="./topbar.xhtml" />
<div class="layout-main">
<ui:include src="./menu.xhtml" />
<ui:insert name="submenu"/>
<div class="layout-content">
<ui:insert name="content"/>
</div>
<ui:include src="./footer.xhtml" />
</div>
</div>
Code: Select all
<ui:define name="submenu">
<div class="layout-submenu-wrapper">
<div class="submenu-content">
<h:form>
<pv:menu widgetVar="subMenuVar">
<p:menuitem id="pm_demo1" value="Demo 1" icon="fa fa-home" outcome="/dashboard" />
<p:menuitem id="pm_demo2" value="Demo 2" icon="fa fa-home" outcome="/dashboard" />
<p:menuitem id="pm_demo3" value="Demo 3" icon="fa fa-home" outcome="/dashboard" />
<p:submenu id="pm_hierarchy" label="Menu Hierarchy" icon="fa fa-gg">
<p:submenu id="pm_sm1" label="Submenu 1" icon="fa fa-sign-in">
<p:submenu id="pm_sm11" label="Submenu 1.1" icon="fa fa-sign-in">
<p:menuitem id="pm_lnk111" value="Link 1.1.1" icon="fa fa-sign-in" url="#" />
<p:menuitem id="pm_lnk112" value="Link 1.1.2" icon="fa fa-sign-in" url="#" />
<p:menuitem id="pm_lnk113" value="Link 1.1.3" icon="fa fa-sign-in" url="#" />
</p:submenu>
<p:submenu id="pm_sm12" label="Submenu 1.2" icon="fa fa-sign-in">
<p:menuitem id="pm_lnk121" value="Link 1.2.1" icon="fa fa-sign-in" url="#" />
</p:submenu>
</p:submenu>
<p:submenu id="pm_sm2" label="Submenu 2" icon="fa fa-sign-in">
<p:submenu id="pm_sm21" label="Submenu 2.1" icon="fa fa-sign-in">
<p:menuitem id="pm_lnk211" value="Link 2.1.1" icon="fa fa-sign-in" url="#" />
<p:menuitem id="pm_lnk212" value="Link 2.1.2" icon="fa fa-sign-in" url="#" />
</p:submenu>
<p:submenu id="pm_sm22" label="Submenu 2.2" icon="fa fa-sign-in">
<p:menuitem id="pm_lnk221" value="Link 2.2.1" icon="fa fa-sign-in" url="#" />
</p:submenu>
</p:submenu>
</p:submenu>
</pv:menu>
</h:form>
</div>
</div>
</ui:define>
What can I do?
Regards,
Martin