The Trinidad framework includes a number of useful tags for laying out components on the screen. Some of these tags handle more specific tasks such as laying out a set of controls horizontally, vertically, or in some other arrangement, while other tags handle more general tasks such as abstracting the "page" concept and breaking it up into smaller, more manageable sections.
Let's look at how to use Trinidad components to handle some of the more specific layout situations we may encounter in our web development activities.
The HtmlRowLayout
component is rendered as a sequence of HTML<tr>
and<td>
elements using the<trh:rowLayout>
tag. This tag's layout logic is to render each of its child tags as a single HTML table cell within a single HTML table row.
<trh:rowLayout styleClass="row-layout"> <tr:outputText value="Hello" /> <tr:outputText value="World" /> <tr:outputText value="How" /> <tr...