I've baught and setup the Paradise theme and layout and everything is displayed correctly in my page.
I have a problem though : when I click on a submenu, nothing happens. There's no hover event, nothing.
Here are the css / js files I included :
Code: Select all
<h:outputStylesheet library="paradise-layout" name="css/layout-default.css" />
<h:outputStylesheet library="paradise-layout" name="css/nanoscroller.css" />
<h:outputStylesheet library="paradise-layout" name="css/animate.css" />
<h:outputStylesheet library="primefaces-paradise-blue" name="theme.css" />
<h:outputStylesheet library="primefaces" name="fa/font-awesome.css" />
<h:outputStylesheet library="primefaces" name="components.css" />
<h:outputStylesheet library="primefaces" name="inputswitch/inputswitch.css" />
<h:outputStylesheet library="primefaces" name="keyboard/keyboard.css" />
<ui:insert name="css"/>
<h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
<h:outputScript library="primefaces" name="jquery/jquery-plugins.js" target="head" />
<h:outputScript library="primefaces" name="core.js" target="head" />
<h:outputScript library="primefaces" name="components.js" target="head" />
<h:outputScript library="primefaces" name="inputswitch/inputswitch.js" target="head" />
<h:outputScript library="primefaces" name="keyboard/keyboard.js" target="head" />
<h:outputScript library="paradise-layout" name="js/nanoscroller.js" />
<h:outputScript library="paradise-layout" name="js/layout.js" />
<h:outputScript library="paradise-layout" name="js/swipe.js" />
Code: Select all
<div class="layout-menu-wrapper">
<div class="sidebar-scroll-content">
<div class="layout-menu-container">
<pv:menu>
<p:submenu id="pm_menu" label="Menu Modes" icon="fa fa-cog">
<p:menuitem id="pm_static_menu" value="Static Menu" icon="fa fa-bars" actionListener="#{guestPreferences.setOverlayMenu(false)}" ajax="false"/>
<p:menuitem id="pm_overlay_menu" value="Overlay Menu" icon="fa fa-bars" actionListener="#{guestPreferences.setOverlayMenu(true)}" ajax="false"/>
<p:menuitem id="pm_slim_menu" value="Slim Menu" icon="fa fa-bars" actionListener="#{guestPreferences.setSlimMenu(true)}" ajax="false"/>
<p:menuitem id="pm_light_menu" value="Light Menu" icon="fa fa-sun-o" actionListener="#{guestPreferences.setDarkMenu(false)}" ajax="false"/>
<p:menuitem id="pm_dark_menu" value="Dark Menu" icon="fa fa-moon-o" actionListener="#{guestPreferences.setDarkMenu(true)}" ajax="false"/>
</p:submenu>
</pv:menu>
</div>
</div>
</div>
Best regards,
Jean-Noel