p:layout and pe:layout do not work

[Kameecoding]

Issue Overview

p:layout and pe:layout do not work

Current Behaviour

Adding any of these layouts to the body doesn't work properly

Expected Behaviour

These should probably work

How to reproduce

Add a layout to the body,

<p:layout
 id="allContent"
 fullPage="false"
 style="height: 600px;"
 widgetVar="layout_pane">
  <p:layoutUnit
	  id="two_halves_left"
	  position="center">
  </p:layoutUnit>
  <p:layoutUnit
  	  id="two_halves_right"
	  position="east">
  </p:layoutUnit>
</p:layout>

Additional Information

• AdminFaces version: RC15
• PrimeFaces version: 6.1
• JSF implementation: 2.2

[rmpestano]

Hi @Kameecoding,

can you share any screenshot? I'm interested to see the use case of p:layout within admin-template because this template was supposed to replace p:layout.

Thanks for reporting.

[Kameecoding]

I am unable to screenshot it atm, but there isn't anything to see there, it doesn't render at all and all layout orientations have display: none; in css

…

On Wed, May 23, 2018, 16:26 Rafael M. Pestano ***@***.***> wrote: Hi @Kameecoding <https://github.com/Kameecoding>, can you share any screenshot? I'm interested to see the use case of p:layout within admin-template because this template was supposed to replace p:layout. Thanks for reporting. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#72 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ATF4mqclS5KY2IZdFKtJwqfWxz11pic1ks5t1XGEgaJpZM4UIYL2> .

[rmpestano]

I see but can you describe your usecase with p:layout? is it just to organize/align/position content? if yes I'd recommend bootstrap grid system or PrimeFaces grid css.

If it is something else can you provide a sample page?

[rmpestano]

I see the visibility:hidden comes from a css file provided by Primefaces, AdminFaces theme doesn't style p:layout, see screenshot:

Don't know why it comes with visibility hidden but you can fix that with following css rule:

 <ui:define name="body">
  <style type="text/css">
           body .ui-layout-unit {
               visibility: visible;
           }
       </style>
        <p:layout style="min-width:400px;min-height:200px;">
            <p:layoutUnit position="west" resizable="true" size="100" minSize="40" maxSize="200">
                West
            </p:layoutUnit>

            <p:layoutUnit position="center">
                Center
            </p:layoutUnit>
        </p:layout>
</ui:define>

I don't know if it has any side effects.

[Kameecoding]

the use case is having a simple 2 pnael layout where right panel can be closed abd the two panel can be resized horizontally,this cannot really be achieved using the grid css, overriding the css doesn't make the components work, just makes them visible

…

On Wed, May 23, 2018, 19:17 Rafael M. Pestano ***@***.***> wrote: I see the visibility:hidden comes from a css file provided by Primefaces, AdminFaces theme doesn't style p:layout, see screenshot: [image: screenshot from 2016-10-07 17-15-25] <https://user-images.githubusercontent.com/1592273/40440221-d9c6f9fc-5e93-11e8-93f1-ea651189af65.png> Don't know why it comes with visibility hidden but you can fix that with following css rule: <ui:define name="body"> <style type="text/css"> body .ui-layout-unit { visibility: visible; } </style> <p:layout style="min-width:400px;min-height:200px;"> <p:layoutUnit position="west" resizable="true" size="100" minSize="40" maxSize="200"> West </p:layoutUnit> <p:layoutUnit position="center"> Center </p:layoutUnit> </p:layout> </ui:define> I don't know if it has any side effects. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#72 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ATF4miVjKj5GONK5yEBF5xdfwYryZq9Eks5t1Zm4gaJpZM4UIYL2> .

[rmpestano]

This issue was moved to adminfaces/admin-theme#165