The art of laying out pages

The first task in building a web page is to pick up the right layout for placing the UI components. The ADF Faces components stack is rich with a number of layout components which can be used for arranging other UI components on the page. The following table lists commonly used ADF Faces layout components:

Component	Description	Stretched by Parent	Stretch Children
af:panelFormLayout	Arranges items in columns or grids.	No	No
af:panelBorderLayout	Places items in fixed, peripheral areas around a central area.	No	No
af: panelStretchLayout	Enables automatic component stretching in your pages. This contains top, bottom, start, center, and end facets to hold child components.	Yes (when dimensionsFrom = parent)	Yes
af:panelSplitter	Enables automatic component stretching in your pages. This divides a region into two parts (the first facet and the second facet) where you can place contents.	Yes (when dimensionsFrom = parent)	Yes
af...