Layout Widget
The Layout Widget is a responsive container that allows you to separate a responsive container into sections. Layouts can be placed inside the responsive containers of other layouts to create more even sections.
The Header and Footer have constant heights with responsive widths, while the sidebars have a constant width and responsive heights. The Columns and rows have both responsive widths and heights, but you can change the percent of available space they will occupy relative to the space not being occupied by headers, footers, and sidebars.
View the following video tutorial for more information:
 | Styles and common widget properties are not included in the table below. |
Property Name | Description | Base Type | Default Value | Bindable? (Y/N) | Localizable? (Y/N) |
|---|---|---|---|---|---|
CustomClass | User defined CSS class to apply to the top div of the widget. Multiple classes can be entered, separated by a space. | STRING | n/a | Y | N |
Spacing | The spacing within the layout (none, 5px, 10px, 15px, or 20px). | NUMBER | 10px | N | N |
IncludeSpacingInFixedAreas | Applies spacing value set above to the sidebars or header/footer. | BOOLEAN | False | N | N |
PctColumn1 | The percentage of space for column 1. | NUMBER | 50 | N | N |
PctColumn2 | The percentage of space for column 2. | NUMBER | 50 | N | N |
ResetInputsToDefaultValue | Service. Can be triggered using an Event. This will reset all Input fields inside the Fieldset to their default value. | n/a | n/a | Y | N |