Library · Code examples

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
  1. FluidTYPO3.Flux
  2. FluidTYPO3.Fluidpages
Tags
  1. Content
  2. Pages
  3. Forms
Files
  1. FlexForms.html
  2. 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