This pattern is used for carving up screen real estate and creating spaces to place widgets.
...
How it works
Row
...
Rows span the entire width of the real estate they occupy.
| Info |
|---|
You can create as many rows as you need you achieve your content and design objectives. |
Row ID and classes
...
These fields are useful for identifying areas of your page when applying custom CSS or JavaScript. The Row ID field accepts only a single value, whereas the Row classes will accept multiple values separated by a space.
The Row ID field can also be used to create anchors used for linking within a page.
| Note |
|---|
Row ID values must be unique within a page. There isn’t any enforcement of this in Cascade and the effects of reusing an ID value in multiple places on a page may not be immediately obvious when viewing the page, but weird things can happen if you do. |
Row type
...
Selection | What this means | What this triggers |
|---|---|---|
Heading | The row is utilized to display a structural content heading. | Causes the Heading content group to display. |
Content | The row is utilized to display content. Selecting content here will allow you to add widgets to the row. | Causes the Widget content group to display. |
Heading
Widget
...