ViewHelper Documentation
flux:grid
Grid container ViewHelper.
Use <flux:grid.row>
with nested <flux:grid.column>
tags
to define a tablular layout.
Preview rendering can be done with <flux:widget.grid>
.
For frontend rendering, use flux:content.render
.
Content elements
Use the name
and area
attributes.
Grid for a two-column container element
<flux:grid>
<flux:grid.row>
<flux:grid.column name="left" />
<flux:grid.column name="right" />
</flux:grid.row>
</flux:grid>
Container element preview rendering
<flux:widget.grid />
Container element frontend rendering
<flux:content.render area="left" />
<flux:content.render area="right" />
Pages
Use the colPos
and column
attributes.
Two-colum page template
<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>
Page rendering
<v:content.render column="0" />
<v:content.render column="1" />
Arguments
name string, required
Optional name of this grid - defaults to "grid"
label string, required
Optional label for this grid - defaults to an LLL value (reported if it is missing)
variables anySimpleType, required
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