Grid-25-50-25.html

{namespace fed=Tx_Fed_ViewHelpers}
{namespace flux=Tx_Flux_ViewHelpers}

<f:section name="Configuration">
    <flux:flexform id="gridelement-25-50-25" label="Element: 25-50-25" enabled="TRUE">
        <flux:flexform.grid>
            <flux:flexform.grid.row>
                <flux:flexform.grid.column>
                    <flux:flexform.content name="column1" label="25 - links"/>
                </flux:flexform.grid.column>
                <flux:flexform.grid.column>
                    <flux:flexform.content name="column2" label="50 - mitte"/>
                </flux:flexform.grid.column>
                <flux:flexform.grid.column>
                    <flux:flexform.content name="column3" label="25 - rechts"/>
                </flux:flexform.grid.column>
            </flux:flexform.grid.row>
        </flux:flexform.grid>
    </flux:flexform>
</f:section>

<f:section name="Main">
    <div class="ym-grid">
        <div class="ym-g25 ym-gl">
            <div class="ym-gbox">
                <div class="box round">
                    <flux:flexform.renderContent area="column1"/>
                </div>
            </div>
        </div>
        <div class="ym-g50 ym-gl">
            <div class="ym-gbox">
                <div class="box round">
                    <flux:flexform.renderContent area="column2"/>
                </div>
            </div>
        </div>
        <div class="ym-g25 ym-gr">
            <div class="ym-gbox">
                <div class="box round">
                    <flux:flexform.renderContent area="column3"/>
                </div>
            </div>
        </div>
    </div>
</f:section>

<f:section name="Preview">
</f:section>