DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

Usage¶

In your Fluid templates for the frontend rendering you need to add two view helpers.

Row¶

For the row rendering add the RowWrapViewHelper around your content elements rendering:

Templates/Page/Default.html¶

<html data-namespace-typo3-fluid="true"
      xmlns:layout="http://typo3.org/ns/Arndtteunissen/ColumnLayout/ViewHelper">

...

<main class="content">
    <layout:rowWrap>
        <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: 1}" />
    </layout:rowWrap>
</main>

...

Column¶

Around each content element a column must be wrapped using the ColumnWrapViewHelper:

Layouts/Content/Default.html¶

<html data-namespace-typo3-fluid="true"
      xmlns:layout="http://typo3.org/ns/Arndtteunissen/ColumnLayout/ViewHelper">

...

<layout:columnWrap record="{data}" columnLayoutKey="column_layout">
    <div class="column-inner column-content">
        <f:render section="content"/>
    </div>
</layout:columnWrap>

...