pv:menu doesn't react to a click

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
bdecavele
Posts: 1
Joined: 23 Jun 2017, 09:39

08 Aug 2017, 12:57

Hello !

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" />
And this is the sample menu in my page :

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>
Did anyone have a similar problem ? Any thoughts on how to solve this ?

Best regards,
Jean-Noel

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

10 Aug 2017, 09:13

Please remove h:outputStylesheet and h:outputScript that have PrimeFaces library. And please use them like in our template.xhtml.

Also, do you have guestPreferences java? (p:menuitems have actionListener="#{guestPreferences.setOverlayMenu(false)}"). Because , you want to change the css of theme and layout dynamically according to your pv:menu. For it, you need to use <h:outputStylesheet name="css/layout-#{guestPreferences.layout}.css" library="paradise-layout" />.

Post Reply

Return to “Paradise - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests