`<templates:row>`
</...>
A layout container which arranges child column elements horizontally.
Oncord rows are based on a system of 12 columns, and can be used to create a variety of layouts. The width of each column is determined by the number of units it spans.
A row of three equal width columns would be created by adding three columns with a width attribute of 4. The sum of column widths in a given row should always add to 12 to maintain a consistent layout.
Rows in Oncord are responsive, and will automatically stack columns on mobile.
Content
Row must contain at least 1 column tag.
Attributes
- `id`
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') ?]).
- `reverseOrderOnMobile`
bool
Reverse Order on Mobile
When set to true, reorders the columns in the row so that the first column is on the bottom on mobile.
- `verticalAlignColumns`
string
Vertical Align Columns
Used to align columns within the row vertically. Accepts same values as CSS align-items