I facing a problem while using <p:menu type="tiered"> in fullpage layout(position="west"), the submenu can't fully display out.
Can make it display overlap to the (position="center") as I don't wish to increase the width of the west layout?
below picture is for the reference.
part of jsf code:
Code: Select all
<p:layoutUnit position="west" size="200" >
<ui:insert name="sideBar">
<h:form>
<p:menu type="tiered" >
<p:submenu label="Sales" >
<p:menuitem disabled="#{user.customer}" value="Approve" url="/sales/approve.jsf" style="width:50px" />
</p:submenu>
<p:separator />
<p:submenu label="Customer">
<p:menuitem disabled="#{user.sales}" value="customer" url="/customer/customer.jsf" style="width:50px" />
</p:submenu>
</p:menu>
</h:form>
</ui:insert>
</p:layoutUnit>