Displaying the Data - Oracle ADF 11gR2 Development Beginner's Guide - page 152

At runime, the page is displayed as follows:
PanelStretchLayout is mostly used to stretch the container to the maximum width of
the screen. For this reason, we will have the panelStretchLayout component added to
pageTemplate as a container so that the component which is added inside the container
will always be stretched when displayed on the screen. Some changes to the page are readily
visible at design ime.
In 11 g R2 there is another component called af:panelGridLayout , which is used to
display a grid layout using one or more af:gridRow components. This component will
have the height and margin defined to align with the grid. Each af:gridRow will have
one or more af:gridCell components with width and margin defined.
Knowing the UI components
Now it is ime for us to think about the UI components that can be added to the web
page. To design the web page eiciently in ADF Faces, it is beter to know the basics of
the UI components available for the framework. ADF Faces consist of more than 150
rich components available for developing rich Internet applicaions. ADF Faces consist
of different components for different purposes. The components are classified based on
their behavior and type. For example, some of the component types are input , output ,
layout , query , popup , list of values , navigation , menu , table , and so on .
Most of the ADF Faces components have some common properies to deine the tag
elements. The properies are changed using the property inspector available from
the View menu.
id : The ID to uniquely idenify the component in the page.
binding : The reference of the component is added to the backing bean for
processing the component in a programmaic way.
rendered : Seing this value to true will render the component in the page
and this property can be evaluated from the value in the backing bean.