Time for action – creating the SlideMenu component

Let us see how we can create a SlideMenu, by performing the following step:

1. Create SlideMenu with multilevel submenus using <p:slideMenu> declaratively:

   <p:slideMenu style="width:180px">  
       <p:submenu label="User Management" icon="ui-icon-person">
           <p:submenu label="View Users">
               <p:menuitem value="Moderators" outcome="slideMenu"/>
               <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="tag-icon">
           <p:menuitem value="View Tags" url="slideMenu.jsf"/>
           <p:menuitem value="Tag Stistics" outcome="slideMenu"/>
       </p:submenu>
       <p:submenu label="System Config" icon="ui-icon-gear...