ViewHelper Documentation


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.column name="left" />
        <flux:grid.column name="right" />

Container element preview rendering

<flux:widget.grid />

Container element frontend rendering

<flux:content.render area="left" />
<flux:content.render area="right" />


Use the colPos and column attributes.

Two-colum page template

        <flux:grid.column colPos="0" name="Main" colspan="3" style="width: 75%" />
        <flux:grid.column colPos="1" name="Secondary" colspan="1" style="width: 25%" />

Page rendering

<v:content.render column="0" />
<v:content.render column="1" />


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

ViewHelper Resources

Schema Resources