Page 1 of 1

Overlay and slim modes

Posted: 16 Oct 2019, 21:51
by haase
How do I configure the menu to overlay or slim modes?

The triggerButton for overlay mode is in the topbar (fa-bars icon), but overlay=true on pv:menu that comes with the license doesn't seem to work.

Also didn't found any mentions to slim mode on the files.


Code: Select all

<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    xmlns:pv="http://primefaces.org/paradise">

        <div class="layout-menu-wrapper">
        
            <div class="nano">
            
                <div class="nano-content sidebar-scroll-content">
                
                	<div class="layout-menu-container">
                		
					<h:form id="menuform">
							 <pv:menu>
							 menuItems
							 </pv:menu>
				        

Re: Overlay and slim modes

Posted: 17 Oct 2019, 08:53
by aragorn
Hi,

Please examine "Menu" section on https://www.primefaces.org/paradise/docs.xhtml

You need to add layout-menu-* class to wrapper element.

Best Regards,

Re: Overlay and slim modes

Posted: 25 Oct 2019, 20:18
by haase
Thank you!

I was trying to modify the layout-menu-wrapper in menu.xhtml and forgot about the div in template.xhtml.

Re: Overlay and slim modes

Posted: 28 Oct 2019, 12:15
by aragorn
No problem, thanks a lot for the update!

Best Regards,