(r6) XvwRows < WebXEO

WebXEO Web>XeoPrimerXeoXwc>XvwRows (revision 6) (raw view)~~EditAttach~~
-- Main.PedroRio - 13 Sep 2010
---+ Rows

The xvw:rows components creates a tabular structure so that form elements can be placed inside. The purpose is to have those form components aligned in any way desired
| *Property* | *Description* | *Type* | *Possible Values* | *Default Value* | *Usage* | *Example* |
| cellSpacing | The spacing between cells | Integer | Any positive value (including 0) | 5 | Optional | |
| cellPadding | THe padding of the text inside cells | Integer | Any positive value (including 0) | 5 | Optional | |
| width | The width of the table | String | Any positive value in percentage or pixels | 99,9% | Optional | width='300px' or width='50%' |
| height | The height of the table | String | Any positive value in percentage or pixels | 99,9% | Optional | height='300px' or height='50%' |
| columns | The number of columns in this table (to allow better formating) | Integer | Any positive value | 2 | Optional | |
| columnWidths | The width of the columns in this table | String | A list of comma-separated values (can be in percentage or pixels) or "auto" | auto | Optional | columnWidths='33%,33%,33%' or columnWidths='100px,300px,300px' |
| labelPosition | The position of the labels (can be left of an input field, or on top of a input field) | String | 'left' / 'Top' | left | Optional | |
| labelWidth | The width of each label inside a cell | Integer | Any positive value | 100 | Optional | |
---+ Row

The xvw:row element creates a row (hence the name) inside a table (xvw:rows), this component does not have any properties and serves only to create a row that can be filled using xvw:cell components.
---+ Cell

The xvw:cell component creates a column within a row of a table. The component does not have properties by itself but allows to define a structure for a table.

---+++++ Examples:

To create a tow row table each with two columns, the following code can be used
<verbatim><xvw:rows>
  <xvw:row>
    <xvw:cell> Cell1 of Row1</xvw:cell>
    <xvw:cell> Cell2 of Row1</xvw:cell>
 </xvw:row>
  <xvw:row>
    <xvw:cell> Cell1 of Row 2</xvw:cell>
    <xvw:cell> Cell2 of Row 2</xvw:cell>
 </xvw:row>
</xvw:rows></verbatim>

To be continued
Topic revision: r6 - 2011-04-04 - NicolauGrosskopf
No permission to view TWiki.WebTopBar
No permission to view TWiki.WebBottomBar