Grid Layouts in ADF Faces using Trinidad
- by frank.nimphius
Normal
0
false
false
false
EN-US
X-NONE
X-NONE
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman","serif";}
ADF Faces does provide a data table component but none to
define grid layouts. Grids are common in web design and developers often
try HTML table markup wrapped in an f:verbatim tag or directly added the page to build a desired layout. Usually these attempts fail, showing unpredictable results,
However, ADF Faces does not provide a table layout
component, but Apache MyFaces Trinidad does. The Trinidad trh:tableLayout component
is a thin wrapper around the HTML table element and contains a series of row
layout elements, trh:rowLayout. Each trh:rowLayout component may contain one or
many trh:cellLayout components to format cells content.
<trh:tableLayout id="tl1"
halign="left">
<trh:rowLayout id="rl1"
valign="top" halign="left">
<trh:cellFormat id="cf1"
width="100" header="true">
<af:outputLabel value="Label
1" id="ol1"/>
</trh:cellFormat>
<trh:cellFormat id="cf2"
header="true"
width="300">
<af:outputLabel value="Label 2"
id="outputLabel1"/>
</trh:cellFormat>
</trh:rowLayout>
<trh:rowLayout
id="rowLayout1" valign="top" halign="left">
<trh:cellFormat
id="cellFormat1" width="100" header="false">
<af:outputLabel
value="Label 3" id="outputLabel2"/>
</trh:cellFormat>
</trh:rowLayout>
...
</trh:tableLayout>
To add the Trinidad tag library to your ADF Faces
projects ...
Open
the Component Palette and right mouse click into it
Choose
"Edit Tag Libraries" and select the Trinidad components. Move them to
the "Selected Libraries" section and Ok the dialog.The
first time you drag a Trinidad component to a page, the web.xml file is updated
with the required filters
Note: The
Trinidad tags don't participate in the ADF Faces RC geometry management. However,
they are JSF components that are part of the JSF request lifecycle.
Normal
0
false
false
false
EN-US
X-NONE
X-NONE
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;}
ADF Faces RC components work well with Trinidad layout
components that don't use PPR. The PPR implementation of Trinidad is different
from the one in ADF Faces. However, when you mix ADF Faces components with
Trinidad components, avoid Trinidad components that have integrated PPR behavior.
Only use passive Trinidad components.See:http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/trh_tableLayout.htmlhttp://myfaces.apache.org/trinidad/trinidad-api/tagdoc/trh_rowLayout.htmlhttp://myfaces.apache.org/trinidad/trinidad-api/tagdoc/trh_cellFormat.html
.
