Reusable FlexForms / Use FlexForms from Partials

If you want to split long FlexForm definitions into multiple partials and use them in other templates, here is the way to go!

Description	Clean way of FlexForm separation.
Author	denyskoch
Creation date	2014-02-07T09:17:39.000Z
Extensions	FluidTYPO3.Flux FluidTYPO3.Fluidpages
Tags	Content Pages Forms
Files	FlexForms.html Startpage.html

	{namespace v=Tx_Vhs_ViewHelpers}
	{namespace flux=Tx_Flux_ViewHelpers}

	<f:section name="Logos">
	<flux:flexform.sheet name="logos">
	<flux:flexform.section name="logos">
	<flux:flexform.object name="logo">
	<flux:flexform.field.input name="alt" required="true" />
	<flux:flexform.field.file name="src" allowed="png" required="true" />
	</flux:flexform.object>
	</flux:flexform.section>
	</flux:flexform.sheet>
	</f:section>

	<f:section name="HeaderSlider">
	<flux:flexform.sheet name="slider">
	<flux:flexform.section name="slides">
	<flux:flexform.object name="slide">
	<flux:flexform.field.input name="headline" required="true" />
	<flux:flexform.field.input name="text" required="true" />
	<flux:flexform.field.file name="src" allowed="png,jpg" required="true" />

	<flux:flexform.field.input name="linkText" required="true" />
	<flux:flexform.field.input name="linkTarget" required="true">
	<flux:flexform.field.wizard.link />
	</flux:flexform.field.input>

	<flux:flexform.field.checkbox name="button" />
	<flux:flexform.field.input name="buttonText" />
	<flux:flexform.field.file name="buttonBg" allowed="png" />
	<flux:flexform.field.input name="buttonTarget">
	<flux:flexform.field.wizard.link />
	</flux:flexform.field.input>
	</flux:flexform.object>
	</flux:flexform.section>
	</flux:flexform.sheet>
	</f:section>

view raw FlexForms.html hosted with ❤ by GitHub

	{namespace v=Tx_Vhs_ViewHelpers}
	{namespace flux=Tx_Flux_ViewHelpers}
	<f:layout name="Page" />

	<f:section name="Configuration">
	<flux:flexform id="startpage" icon="EXT:lia_relaunch_de/ext_icon.gif">
	<f:render section="Logos" partial="FlexForms" arguments="{_all}" />
	<f:render section="HeaderSlider" partial="FlexForms" arguments="{_all}" />
	</flux:flexform>
	</f:section>

	<f:section name="Content">
	Hello Startpage
	</f:section>

view raw Startpage.html hosted with ❤ by GitHub

Code examples