Creating complex layouts using the Layout component
Many of the web applications use a standard border layout model, where it has five regions (north, south, west, east, and center) to present data. To support this common usecase PrimeFaces provides layout component which provides border layout component with various customization features such as full page layout, toggling, closing, resizing of regions, and ability to create complex layouts using nested layouts.
The following diagram depicts how border layout look like:
Layout can be applied for full page or for a specific region in a page. You can set fullPage="true" to create full page layout, by default fullPage="false". Each region is created by using a <p:layoutUnit> subcomponent. You can enable toggling, closing, and resizing of the units by setting collapsible, closable, resizable attributes to true on the <p:layoutUnit> elements.
