<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
