grid¶
Grid container ViewHelper.
Use <flux:grid.row>
with nested <flux:grid.column>
tags
to define a tabular layout.
The grid is then rendered automatically in the preview section of the content element, or as page columns if used in page templates.
For frontend rendering, use flux:content.render
.
Define Page and Content elements¶
Name is used to identify columns and fetch e.g. translations from XLF files.
- <flux:grid>
- <flux:grid.row>
<flux:grid.column colPos="0" name="Main" colspan="3" style="width: 75%" /> <flux:grid.column colPos="1" name="Secondary" colspan="1" style="width: 25%" />
</flux:grid.row>
</flux:grid>
Rendering¶
<v:content.render column="0" /> <v:content.render column="1" />
Arguments¶
name¶
- DataType
string
- Default
'grid'
- Required
false
- Description
Optional name of this grid - defaults to "grid"
label¶
- DataType
string
- Required
false
- Description
Optional label for this grid - defaults to an LLL value (reported if it is missing)
variables¶
- DataType
mixed
- Default
array ()
- Required
false
- Description
Freestyle variables which become assigned to the resulting Component - can then be read from that Component outside this Fluid template and in other templates using the Form object from this template
extensionName¶
- DataType
string
- Required
false
- Description
If provided, enables overriding the extension context for this and all child nodes. The extension name is otherwise automatically detected from rendering context.