TWiki> WebXEO Web>XeoPrimerXeoXwc>XvwRows (revision 4)EditAttach
Tags:
create new tag
, view all tags
-- 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

<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>

To be continued

Edit | Attach | Print version | History: r9 | r6 < r5 < r4 < r3 | Backlinks | Raw View | Raw edit | More topic actions...
Topic revision: r4 - 2011-03-31 - PedroRio
 

No permission to view TWiki.WebTopBar

This site is powered by the TWiki collaboration platform Powered by Perl

No permission to view TWiki.WebBottomBar