I'm trying to create a dynamic menu, and noticed that the component <po:menu> generates a fixed id "layout-menu".
I want to use the great icons of the left "<ul id =" layout-tab-menu ">" as modules and each right flap with <po: Menu> as items
Code: Select all
<ul id="layout-tab-menu">
<ui:repeat var="o" value="#{menuMB.modulos}">
<li><a href="#" rel="layout-#{o.objIntCod}"> <i class="icon-chat66"></i> <span class="layout-tab-menu-link-text"><span></span>#{o.objStrDes}</span>
</a></li>
</ui:repeat>
</ul>
<ui:repeat var="o" value="#{menuMB.modulos}">
<h:form id="menuform#{o.objIntCod}">
<po:menu model="#{menuMB.menuModelUnit(o)}" id="layout-#{o.objIntCod}" styleClass="layout-tab-submenu">
</po:menu>
</h:form>
</ui:repeat>