Overlay and dark menu

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
chrishj
Posts: 229
Joined: 11 Jul 2011, 21:58
Location: England, Lancashire
Contact:

06 Aug 2017, 17:46

I am looking to have the menu in overlay mode.

Using the menu xhtml if I add layout-wrapper as per the documentation guide there is no styling applied.

Code: Select all

<div class="layout-wrapper layout-overlay-menu"> 
     <div class="layout-sidebar layout-sidebar-dark"> 
        <pa:tabMenu>
            <pa:tab icon="home" title="Features">
                <h:form id="menu-form">
                    <pa:menu widgetVar="me">
                    ....
I imaging this is because I am not using the wrapper in the correct.
Please advise where this div should be used.

Thank you,
PrimeReact: 9.6.0
NextJs: 13.4.12
Theme Apollo v9.0
Database pg 8.8.0
react-hook-form: 7.38.0

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

07 Aug 2017, 10:37

Please make the following changes;
in template.xhtml

Code: Select all

...
<h:body styleClass="main-body">
        <div class="layout-wrapper layout-overlay-menu">
            <ui:include src="./topbar.xhtml" />
            <ui:include src="./menu.xhtml" />
            
            <div class="layout-main">
                <div class="layout-main-content">
                    <ui:insert name="content"/>
                    
                    <ui:include src="./footer.xhtml" />
                </div>
                
                
            </div>
        </div>
        ...
in menu.xhtml

Code: Select all

<div class="layout-sidebar layout-sidebar-dark">
        <pa:tabMenu widgetVar="myTabMenu">

chrishj
Posts: 229
Joined: 11 Jul 2011, 21:58
Location: England, Lancashire
Contact:

07 Aug 2017, 20:03

Thank you for your help. This worked great.

I would also like to congratulate you guys on a great product and speed of response.
:D
PrimeReact: 9.6.0
NextJs: 13.4.12
Theme Apollo v9.0
Database pg 8.8.0
react-hook-form: 7.38.0

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

10 Aug 2017, 09:29

Glad to hear, thank you so much!!! :D

Post Reply

Return to “Barcelona - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests