3colFce.html

{namespace v=Tx_Vhs_ViewHelpers}
{namespace flux=FluidTYPO3\Flux\ViewHelpers}
<f:layout name="Content" />
<div xmlns="http://www.w3.org/1999/xhtml"
     xmlns:v="http://fedext.net/ns/vhs/ViewHelpers"
     xmlns:flux="http://fedext.net/ns/flux/ViewHelpers"
     xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">

<f:section name="Configuration">
	{v:var.typoscript(path: 'plugin.tx_fluidcontentbootstrap.settings') -> v:var.set(name: 'settings')}
	{f:if(condition: settings.gridColumns, then: settings.gridColumns, else: 12) -> v:var.set(name: 'numberOfColumns')}
	<flux:form wizardTab="Bootstrap" id="row" icon="{v:extension.path.resources(path: 'Icons/icon-row.gif')}">
		<flux:field.checkbox name="settings.fluid" />
		<flux:grid>
			<flux:grid.row>
					<flux:grid.column style="width: 33%">
						<flux:form.content name="column1" label="33%" />
					</flux:grid.column>
					<flux:grid.column style="width: 33%">
						<flux:form.content name="column2" label="33%" />
					</flux:grid.column>
					<flux:grid.column style="width: 33%">
						<flux:form.content name="column3" label="33%" />
					</flux:grid.column>
			</flux:grid.row>
		</flux:grid>
	</flux:form>
</f:section>

<f:section name="Main">
	<div class="row{f:if(condition: settings.fluid, then: '-fluid')}">
	  <div>
	    <flux:content.render area="column1" />
	  </div>
	  <div>
	    <flux:content.render area="column2" />
	  </div>
	  <div>
	    <flux:content.render area="column3" />
	  </div>
	</div>
</f:section>

<f:section name="Preview">
	<flux:widget.grid />
</f:section>

</div>