<templates:column> </...>

Defines a single column inside a <templates:row> element.

Column widths are based on a system of 12 and are defined by the number of units they span.
A row of three equal width columns would be created by adding three columns with a width attribute of 4.

Related Controls

Content

any

The content to render inside the column.

Attributes

string

Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid') or in the server DOM using [? $myid ?] or [? $('myid') ?]).

width

int

Width

The number of column units to span.

The sum of column widths in a given row should always add to 12 to maintain a consistent layout.

Examples

Simple Row

Demonstrates a basic three column layout. Note how the sum of column widths is 12.

HTML:

<templates:row> <templates:column width="4">Column One</templates:column> <templates:column width="4">Column Two</templates:column> <templates:column width="4">Column Three</templates:column> </templates:row>

Run Example