'All menu items are not displayed inside tieredmenu

All menu items are not displayed inside the TieredMenu in PrimeFaces. The list also appears above the CommandButton.

Following is the code:

<p:commandButton id="adminButton" value="admin"/>
<p:tieredMenu overlay="true" trigger="adminButton" my="left top" at="left bottom">
  <p:menuitem value="file" url=""/>
  <p:submenu label="Next">
    <p:menuitem value="edit" url=""/>
    <p:menuitem value="revert" url=""/>
  </p:submenu>
  <p:menuitem value="home" url=""/>
  <p:menuitem value="quit" url=""/>
  <p:menuitem value="quit1" url=""/>
  <p:menuitem value="quit2" url=""/>
  <p:menuitem value="quit3" url=""/>
  <p:menuitem value="quit4" url=""/>
  <p:menuitem value="quit5" url=""/>
  <p:menuitem value="quit6" url=""/>
  <p:menuitem value="quit7" url=""/>
  <p:menuitem value="quit8" url=""/>
  <p:menuitem value="quit9" url=""/>
  <p:menuitem value="quit10" url=""/>
</p:tieredMenu>

How to make all the menus visible and they have to visible below the CommandButton. Can anyone please help me on this?

jsf primefaces

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'All menu items are not displayed inside tieredmenu

Sources

Related Questions