I decided to use pe:layout instead of p:layout because i was having problems re-sizing a p:layoutUnit with an iframe.

After adding gson-2.2.4.jar to the <designer>\webapps\ivy\WEB-INF\lib folder it started to work. But the attributes size, initClose, closable, minSize, maxSize have no effect.

<pe:layout fullPage="true" >
<pe:layoutPane  size="800" initClosed="true" closable="true" position="north">
    <h3>Test</h3>
</pe:layoutPane>
<pe:layoutPane position="center">
    <h:form id="form">
        <h:panelGrid columns="2" >
            <f:facet name="header">
                <p:messages></p:messages>
            </f:facet>

            <p:outputLabel for="description" value="Description"/>
            <p:inputText id="description" value=""></p:inputText>

            <p:outputLabel for="expire" value="Expire"/>
            <p:calendar id="expire" value="" pattern="dd.MM.yyyy HH:mm" size="16">
                <f:convertDateTime pattern="dd.MM.yyyy HH:mm" />
            </p:calendar>

            <p:commandButton actionListener="#{logic.close}" value="Proceed" update="form" icon="ui-icon-check" />
        </h:panelGrid>
    </h:form>
</pe:layoutPane>

<pe:layoutPane position="east" size="50%" closable="true">
    <iframe src="http://answers.axonivy.com/" height="100%" width = "100%"  />      
</pe:layoutPane>

</pe:layout>

asked 12.10.2015 at 15:59

tiago's gravatar image

tiago
16678
accept rate: 0%

edited 12.10.2015 at 15:59


It works for me if I update to the latest primefaces jars.

In detail modify the webapps/ivy/WEB-INF/lib folder as follows:

  • add gson-2.2.4.jar or newer
  • replace primefaces-extensions-2.0.0.jar with primefaces-extensions-3.2.0.jar
  • replace primefaces-5.0.4-ivy.jar with primefaces-5.2.jar updated lib directory

Then the view is renderer like this: browser showing layout

Important is, that you do not forget the < h:head > 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:

<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">

<h:head /><!-- required so that pe: can inject java scripts -->

<h:body>
    <pe:layout fullPage="true">
        <pe:layoutPane size="800" initClosed="true" closable="true"
            position="north">
            <h3>Test</h3>
        </pe:layoutPane>
        <pe:layoutPane position="center">
            <h:form id="form">
                <h:panelGrid columns="2">
                    <f:facet name="header">
                        <p:messages></p:messages>
                    </f:facet>

                    <p:outputLabel for="description" value="Description" />
                    <p:inputText id="description" value=""></p:inputText>

                    <p:outputLabel for="expire" value="Expire" />
                    <p:calendar id="expire" value="" pattern="dd.MM.yyyy HH:mm"
                        size="16">
                        <f:convertDateTime pattern="dd.MM.yyyy HH:mm" />
                    </p:calendar>

                    <p:commandButton actionListener="#{logic.close}" value="Proceed"
                        update="form" icon="ui-icon-check" />
                </h:panelGrid>
            </h:form>
        </pe:layoutPane>

        <pe:layoutPane position="east" size="50%" closable="true">
            <iframe src="http://answers.axonivy.com/" height="100%" width="100%" />
        </pe:layoutPane>

    </pe:layout>

</h:body>
</html>
link

answered 13.10.2015 at 14:44

Reguel%20Wermelinger's gravatar image

Reguel Werme... ♦♦
8.2k11650
accept rate: 68%

edited 13.10.2015 at 16:39

Thanks. The update has solved the problem

(13.10.2015 at 16:27) tiago tiago's gravatar image
Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "Title")
  • image?![alt text](/path/img.jpg "Title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Tags:

×54
×47

Asked: 12.10.2015 at 15:59

Seen: 1,977 times

Last updated: 13.10.2015 at 16:39