Package

ViewHelpers

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

ViewHelper Resources

Schema Resources