https://answers.axonivy.com/questions/1510/attributes-from-pe-layoutpane-have-no-effect<p>I decided to use pe:layout instead of p:layout because i was having problems re-sizing a p:layoutUnit with an iframe. </p> <p>After adding gson-2.2.4.jar to the &lt;designer&gt;\webapps\ivy\WEB-INF\lib folder it started to work. But the attributes size, initClose, closable, minSize, maxSize have no effect.</p> <pre><code>&lt;pe:layout fullPage="true" &gt; &lt;pe:layoutPane size="800" initClosed="true" closable="true" position="north"&gt; &lt;h3&gt;Test&lt;/h3&gt; &lt;/pe:layoutPane&gt; &lt;pe:layoutPane position="center"&gt; &lt;h:form id="form"&gt; &lt;h:panelGrid columns="2" &gt; &lt;f:facet name="header"&gt; &lt;p:messages&gt;&lt;/p:messages&gt; &lt;/f:facet&gt; &lt;p:outputLabel for="description" value="Description"/&gt; &lt;p:inputText id="description" value=""&gt;&lt;/p:inputText&gt; &lt;p:outputLabel for="expire" value="Expire"/&gt; &lt;p:calendar id="expire" value="" pattern="dd.MM.yyyy HH:mm" size="16"&gt; &lt;f:convertDateTime pattern="dd.MM.yyyy HH:mm" /&gt; &lt;/p:calendar&gt; &lt;p:commandButton actionListener="#{logic.close}" value="Proceed" update="form" icon="ui-icon-check" /&gt; &lt;/h:panelGrid&gt; &lt;/h:form&gt; &lt;/pe:layoutPane&gt; &lt;pe:layoutPane position="east" size="50%" closable="true"&gt; &lt;iframe src="http://answers.axonivy.com/" height="100%" width = "100%" /&gt; &lt;/pe:layoutPane&gt; </code></pre> <p>&lt;/pe:layout&gt;</p>enTue, 13 Oct 2015 16:27:06 -0400https://answers.axonivy.com/questions/1510/attributes-from-pe-layoutpane-have-no-effect#1513<p>Thanks. The update has solved the problem</p>tiagoTue, 13 Oct 2015 16:27:06 -0400https://answers.axonivy.com/questions/1510/attributes-from-pe-layoutpane-have-no-effect#1513https://answers.axonivy.com/questions/1510/attributes-from-pe-layoutpane-have-no-effect/1512<p>It works for me if I update to the latest primefaces jars.</p> <p>In detail modify the <code>webapps/ivy/WEB-INF/lib</code> folder as follows:</p> <ul> <li>add <code>gson-2.2.4.jar</code> or newer</li> <li>replace <code>primefaces-extensions-2.0.0.jar</code> with <code>primefaces-extensions-3.2.0.jar</code></li> <li>replace <code>primefaces-5.0.4-ivy.jar</code> with <code>primefaces-5.2.jar</code> <img alt="updated lib directory" src="http://answers.axonivy.com/upfiles/latestPrimeFacesExtensionJars.png"></li> </ul> <p>Then the view is renderer like this: <img alt="browser showing layout" src="http://answers.axonivy.com/upfiles/layoutedView.png"></p> <p>Important is, that you do not forget the &lt; h:head &gt; section in your view. Otherwise javascript errors are logged into the browsers console and therefore the scripts that interpret your failing attributes will not work. So the complete view code that I used is:</p> <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:ic="http://ivyteam.ch/jsf/component" xmlns:p="http://primefaces.org/ui" xmlns:pe="http://primefaces.org/ui/extensions" xmlns:pm="http://primefaces.org/mobile"&gt; &lt;h:head /&gt;&lt;!-- required so that pe: can inject java scripts --&gt; &lt;h:body&gt; &lt;pe:layout fullPage="true"&gt; &lt;pe:layoutPane size="800" initClosed="true" closable="true" position="north"&gt; &lt;h3&gt;Test&lt;/h3&gt; &lt;/pe:layoutPane&gt; &lt;pe:layoutPane position="center"&gt; &lt;h:form id="form"&gt; &lt;h:panelGrid columns="2"&gt; &lt;f:facet name="header"&gt; &lt;p:messages&gt;&lt;/p:messages&gt; &lt;/f:facet&gt; &lt;p:outputLabel for="description" value="Description" /&gt; &lt;p:inputText id="description" value=""&gt;&lt;/p:inputText&gt; &lt;p:outputLabel for="expire" value="Expire" /&gt; &lt;p:calendar id="expire" value="" pattern="dd.MM.yyyy HH:mm" size="16"&gt; &lt;f:convertDateTime pattern="dd.MM.yyyy HH:mm" /&gt; &lt;/p:calendar&gt; &lt;p:commandButton actionListener="#{logic.close}" value="Proceed" update="form" icon="ui-icon-check" /&gt; &lt;/h:panelGrid&gt; &lt;/h:form&gt; &lt;/pe:layoutPane&gt; &lt;pe:layoutPane position="east" size="50%" closable="true"&gt; &lt;iframe src="http://answers.axonivy.com/" height="100%" width="100%" /&gt; &lt;/pe:layoutPane&gt; &lt;/pe:layout&gt; &lt;/h:body&gt; &lt;/html&gt; </code></pre>Reguel WermelingerTue, 13 Oct 2015 14:44:45 -0400https://answers.axonivy.com/questions/1510/attributes-from-pe-layoutpane-have-no-effect/1512