rich1.0phorkiehttps://p.cweiske.de/FluidTYPO3: flux container to group elementsChristian Weiske86400900900<!-- embedding all files of https://p.cweiske.de/234 -->
<link rel="stylesheet" href="https://p.cweiske.de/css/embed.css"/>
<div class="phork" id="234">
<div class="phork-file">
<div class="phork-content">
<div class="document">
<p>A <tt class="docutils literal">flux:form.container</tt> can be used to group fields in the content element's backend form.</p>
<div class="section" id="links">
<h1>Links</h1>
<ul class="simple">
<li><a class="reference external" href="https://fluidtypo3.org/viewhelpers/flux/master/Form/ContainerViewHelper.html">https://fluidtypo3.org/viewhelpers/flux/master/Form/ContainerViewHelper.html</a></li>
<li>broken with flux 7.4.0: <a class="reference external" href="https://github.com/FluidTYPO3/flux/issues/1201">https://github.com/FluidTYPO3/flux/issues/1201</a></li>
</ul>
</div>
</div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/234/rev-raw/5084f70b236e6dbfe952a4be5b39c4cfeecea5ef/0-README.rst" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/234#0-README.rst">0-README.rst</a>
</div>
</div>
<div class="phork-file">
<div class="phork-content">
<style type="text/css">/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/
.xml .de1, .xml .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.xml {font-family:monospace;}
.xml .imp {font-weight: bold; color: red;}
.xml li, .xml .li1 {color: #DDD;}
.xml .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.xml .es0 {color: #000099; font-weight: bold;}
.xml .br0 {color: #66cc66;}
.xml .sy0 {color: #66cc66;}
.xml .st0 {color: #ff0000;}
.xml .sc-1 {color: #808080; font-style: italic;}
.xml .sc0 {color: #00bbdd;}
.xml .sc1 {color: #ddbb00;}
.xml .sc2 {color: #339933;}
.xml .sc3 {color: #009900;}
.xml .re0 {color: #000066;}
.xml .re1 {color: #000000; font-weight: bold;}
.xml .re2 {color: #000000; font-weight: bold;}
.xml span.xtra { display:block; }
</style><div class="code"><table class="xml"><tbody><tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
</pre></td><td class="de1"><pre class="de1"><span class="sc3"><span class="re1"><?xml</span> <span class="re0">version</span>=<span class="st0">"1.0"</span> <span class="re0">encoding</span>=<span class="st0">"utf-8"</span><span class="re2">?></span></span>
<span class="sc3"><span class="re1"><html</span> <span class="re0">xmlns</span>=<span class="st0">"http://www.w3.org/1999/xhtml"</span> <span class="re0">lang</span>=<span class="st0">"en"</span></span>
<span class="sc3">     <span class="re0">xmlns:f</span>=<span class="st0">"http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"</span></span>
<span class="sc3">     <span class="re0">xmlns:flux</span>=<span class="st0">"http://typo3.org/ns/FluidTYPO3/Flux/ViewHelpers"</span><span class="re2">></span></span>
 
  <span class="sc3"><span class="re1"><f:layout</span> <span class="re0">name</span>=<span class="st0">"Content"</span> <span class="re2">/></span></span>
 
  <span class="sc-1"><!-- backend form --></span>
  <span class="sc3"><span class="re1"><f:section</span> <span class="re0">name</span>=<span class="st0">"Configuration"</span><span class="re2">></span></span>
    <span class="sc3"><span class="re1"><flux:form</span> <span class="re0">id</span>=<span class="st0">"example"</span> <span class="re0">options</span>=<span class="st0">"{group: 'FCE'}"</span><span class="re2">></span></span>
      <span class="sc3"><span class="re1"><flux:form.container</span> <span class="re0">name</span>=<span class="st0">"settings.name"</span> <span class="re0">label</span>=<span class="st0">"Name"</span><span class="re2">></span></span>
        <span class="sc3"><span class="re1"><flux:field.input</span> <span class="re0">name</span>=<span class="st0">"firstname"</span> <span class="re0">label</span>=<span class="st0">"First name"</span><span class="re2">/></span></span>
        <span class="sc3"><span class="re1"><flux:field.input</span> <span class="re0">name</span>=<span class="st0">"lastname"</span> <span class="re0">label</span>=<span class="st0">"Last name"</span><span class="re2">/></span></span>
      <span class="sc3"><span class="re1"></flux:form.container<span class="re2">></span></span></span>
 
      <span class="sc3"><span class="re1"><flux:form.container</span> <span class="re0">name</span>=<span class="st0">"settings.address"</span> <span class="re0">label</span>=<span class="st0">"Address"</span><span class="re2">></span></span>
        <span class="sc3"><span class="re1"><flux:field.input</span> <span class="re0">name</span>=<span class="st0">"street"</span> <span class="re0">label</span>=<span class="st0">"Street"</span><span class="re2">/></span></span>
        <span class="sc3"><span class="re1"><flux:field.input</span> <span class="re0">name</span>=<span class="st0">"zip"</span> <span class="re0">label</span>=<span class="st0">"Postal code"</span><span class="re2">/></span></span>
       <span class="sc3"><span class="re1"><flux:field.input</span> <span class="re0">name</span>=<span class="st0">"city"</span> <span class="re0">label</span>=<span class="st0">"City"</span><span class="re2">/></span></span>
      <span class="sc3"><span class="re1"></flux:form.container<span class="re2">></span></span></span>
 
    <span class="sc3"><span class="re1"></flux:form<span class="re2">></span></span></span>
  <span class="sc3"><span class="re1"></f:section<span class="re2">></span></span></span>
 
  <span class="sc-1"><!-- backend preview --></span>
  <span class="sc3"><span class="re1"><f:section</span> <span class="re0">name</span>=<span class="st0">"Preview"</span><span class="re2">></span></span>
    Name: {settings.name.firstname} {settings.name.lastname}<span class="sc3"><span class="re1"><br</span><span class="re2">/></span></span>
    Address: {settings.address.street}, {settings.address.zip} {settings.address.city}
  <span class="sc3"><span class="re1"></f:section<span class="re2">></span></span></span>
 
  <span class="sc-1"><!-- frontend output --></span>
  <span class="sc3"><span class="re1"><f:section</span> <span class="re0">name</span>=<span class="st0">"Main"</span><span class="re2">></span></span>
    <span class="sc3"><span class="re1"><h2<span class="re2">></span></span></span>{settings.name.firstname} {settings.name.lastname}<span class="sc3"><span class="re1"></h2<span class="re2">></span></span></span>
    <span class="sc3"><span class="re1"><dl<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"><dt<span class="re2">></span></span></span>Address<span class="sc3"><span class="re1"></dt<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"><dd<span class="re2">></span></span></span>{settings.address.street}, {settings.address.zip} {settings.address.city}<span class="sc3"><span class="re1"></dd<span class="re2">></span></span></span>
    <span class="sc3"><span class="re1"></dl<span class="re2">></span></span></span>
  <span class="sc3"><span class="re1"></f:section<span class="re2">></span></span></span>
<span class="sc3"><span class="re1"></html<span class="re2">></span></span></span>
 </pre></td></tr></tbody></table></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/234/rev-raw/5084f70b236e6dbfe952a4be5b39c4cfeecea5ef/1-person.html" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/234#1-person.html">1-person.html</a>
</div>
</div>
<div class="phork-file">
<div class="phork-content">
<div class="image"><img src="234/rev-raw/5084f70b236e6dbfe952a4be5b39c4cfeecea5ef/2-form.png" alt="2-form.png"/></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/234/rev-raw/5084f70b236e6dbfe952a4be5b39c4cfeecea5ef/2-form.png" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/234#2-form.png">2-form.png</a>
</div>
</div>
</div>