sections.layout.fullPageLayout.xhtml Maven / Gradle / Ivy
This example demonstrates a full page layout with nested panes, layout's AJAX events and client-side state management.
Three events are possible: open, close, resize.
The client-side state management is activated by setting stateCookie="true".
Furthermore, you can see client-side widget's methods for pane manipulation in action. These are
sizePane(), sizeContent() toggle(), close()
and open(). They expect pane position as parameter. Nested panes are separated by the _ sign.
Example: sizePane("center_north", 300); Attention: "center" pane can not be manipulated,
so that e.g. toggle("center") or sizePane("west_center", 300) are invalid calls.
In this example, the entire layout is defined by LayoutOptions which are bound to the "options" attribute of pe:layout.
LayoutOptions is optional, it also possible to create a layout by options defined as attributes of pe:layoutPane.
Note: LayoutOptions created as Java model takes precedence over layout options as tag attributes.
It is up to you if you would like to use all available options via LayoutOptions or a limited set of options in pe:layoutPane.
${showcase:getFileContent('/sections/layout/example-fullPage.xhtml')}
${showcase:getFileContent('/org/primefaces/extensions/showcase/controller/layout/FullLayoutController.java')}
© 2015 - 2024 Weber Informatics LLC | Privacy Policy