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.