Time for action – displaying a multilevel menu using TieredMenu

Let us see how to create a TieredMenu with multilevel nested submenus, by performing the following step:

1. Create a TieredMenu component with multilevel menu options using nested <p:submenu> elements:

   <p:tieredMenu style="width:180px">  
       <p:submenu label="User Management" icon="ui-icon-person">
           <p:submenu label="View Users">
               <p:menuitem value="Moderators" url="tieredMenu.jsf"/>
               <p:menuitem value="Normal Users" actionListener="#{menuController.showUserManagement()}"/>
           </p:submenu>
           <p:menuitem value="Monitor User Activity" actionListener="#{menuController.showUserActivity()}" ajax="false"/>
       </p:submenu>
       <p:submenu label="Tag Management" icon="ui-icon-tag">
           <p:menuitem...