{"type":"rich","version":"1.0","provider_name":"phorkie","provider_url":"https:\/\/p.cweiske.de\/","title":"FluidTYPO3: flux section to add many elements","author_name":"Christian Weiske","cache_age":86400,"width":900,"height":900,"html":"<!-- embedding all files of https:\/\/p.cweiske.de\/235 -->\n<link rel=\"stylesheet\" href=\"https:\/\/p.cweiske.de\/css\/embed.css\"\/>\n<div class=\"phork\" id=\"235\">\n    <div class=\"phork-file\">\n <div class=\"phork-content\">\n  \n<div class=\"document\">\n\n\n<p>Use <tt class=\"docutils literal\">flux:form.section<\/tt> with <tt class=\"docutils literal\">flux:form.object<\/tt> inside to make it possible to add many elements of one or many types.<\/p>\n<div class=\"section\" id=\"links\">\n<h1>Links<\/h1>\n<ul class=\"simple\">\n<li><a class=\"reference external\" href=\"https:\/\/fluidtypo3.org\/viewhelpers\/flux\/master\/Form\/SectionViewHelper.html\">https:\/\/fluidtypo3.org\/viewhelpers\/flux\/master\/Form\/SectionViewHelper.html<\/a><\/li>\n<li><a class=\"reference external\" href=\"https:\/\/fluidtypo3.org\/viewhelpers\/flux\/master\/Form\/ObjectViewHelper.html\">https:\/\/fluidtypo3.org\/viewhelpers\/flux\/master\/Form\/ObjectViewHelper.html<\/a><\/li>\n<li><a class=\"reference external\" href=\"https:\/\/docs.typo3.org\/p\/fluidtypo3\/flux\/11.0\/en-us\/ViewHelpers\/Form\/Section.html\">https:\/\/docs.typo3.org\/p\/fluidtypo3\/flux\/11.0\/en-us\/ViewHelpers\/Form\/Section.html<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"section\" id=\"search-keywords\">\n<h1>Search keywords<\/h1>\n<p>dynamic<\/p>\n<\/div>\n<\/div>\n\n <\/div>\n <div class=\"phork-meta\">\n  <a href=\"https:\/\/p.cweiske.de\/235\/rev-raw\/4affb8b7f33a26804289a577d27ba54d59a15633\/0-README.rst\" style=\"float: right\">view raw source<\/a>\n  <a href=\"https:\/\/p.cweiske.de\/235#0-README.rst\">0-README.rst<\/a>\n <\/div>\n<\/div>\n    <div class=\"phork-file\">\n <div class=\"phork-content\">\n  <style type=\"text\/css\">\/**\n * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2014 Benny Baumann\n * (http:\/\/qbnz.com\/highlighter\/ and http:\/\/geshi.org\/)\n *\/\n.xml .de1, .xml .de2 {font: normal normal 1em\/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}\n.xml  {font-family:monospace;}\n.xml .imp {font-weight: bold; color: red;}\n.xml li, .xml .li1 {color: #DDD;}\n.xml .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}\n.xml .es0 {color: #000099; font-weight: bold;}\n.xml .br0 {color: #66cc66;}\n.xml .sy0 {color: #66cc66;}\n.xml .st0 {color: #ff0000;}\n.xml .sc-1 {color: #808080; font-style: italic;}\n.xml .sc0 {color: #00bbdd;}\n.xml .sc1 {color: #ddbb00;}\n.xml .sc2 {color: #339933;}\n.xml .sc3 {color: #009900;}\n.xml .re0 {color: #000066;}\n.xml .re1 {color: #000000; font-weight: bold;}\n.xml .re2 {color: #000000; font-weight: bold;}\n.xml span.xtra { display:block; }\n<\/style><div class=\"code\"><table class=\"xml\"><tbody><tr class=\"li1\"><td class=\"ln\"><pre class=\"de1\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37\n38\n39\n40\n41\n42\n43\n44\n45\n46\n47\n48\n49\n50\n51\n52\n53\n<\/pre><\/td><td class=\"de1\"><pre class=\"de1\"><span class=\"sc3\"><span class=\"re1\">&lt;?xml<\/span> <span class=\"re0\">version<\/span>=<span class=\"st0\">&quot;1.0&quot;<\/span> <span class=\"re0\">encoding<\/span>=<span class=\"st0\">&quot;utf-8&quot;<\/span><span class=\"re2\">?&gt;<\/span><\/span>\n<span class=\"sc3\"><span class=\"re1\">&lt;html<\/span> <span class=\"re0\">xmlns<\/span>=<span class=\"st0\">&quot;http:\/\/www.w3.org\/1999\/xhtml&quot;<\/span> <span class=\"re0\">lang<\/span>=<span class=\"st0\">&quot;en&quot;<\/span><\/span>\n<span class=\"sc3\"> &#160; &#160; <span class=\"re0\">xmlns:f<\/span>=<span class=\"st0\">&quot;http:\/\/typo3.org\/ns\/TYPO3\/Fluid\/ViewHelpers&quot;<\/span><\/span>\n<span class=\"sc3\"> &#160; &#160; <span class=\"re0\">xmlns:flux<\/span>=<span class=\"st0\">&quot;http:\/\/typo3.org\/ns\/FluidTYPO3\/Flux\/ViewHelpers&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160;\n&#160; <span class=\"sc3\"><span class=\"re1\">&lt;f:layout<\/span> <span class=\"re0\">name<\/span>=<span class=\"st0\">&quot;Content&quot;<\/span> <span class=\"re2\">\/&gt;<\/span><\/span>\n&#160;\n&#160; <span class=\"sc-1\">&lt;!-- backend form --&gt;<\/span>\n&#160; <span class=\"sc3\"><span class=\"re1\">&lt;f:section<\/span> <span class=\"re0\">name<\/span>=<span class=\"st0\">&quot;Configuration&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;flux:form<\/span> <span class=\"re0\">id<\/span>=<span class=\"st0\">&quot;examplesection&quot;<\/span> <span class=\"re0\">options<\/span>=<span class=\"st0\">&quot;{group: 'FCE'}&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;flux:form.section<\/span> <span class=\"re0\">name<\/span>=<span class=\"st0\">&quot;settings.numbers&quot;<\/span> <span class=\"re0\">label<\/span>=<span class=\"st0\">&quot;Telephone numbers&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160; &#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;flux:form.object<\/span> <span class=\"re0\">name<\/span>=<span class=\"st0\">&quot;mobile&quot;<\/span> <span class=\"re0\">label<\/span>=<span class=\"st0\">&quot;Mobile&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160; &#160; &#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;flux:field.input<\/span> <span class=\"re0\">name<\/span>=<span class=\"st0\">&quot;number&quot;<\/span><span class=\"re2\">\/&gt;<\/span><\/span>\n&#160; &#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/flux:form.object<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;flux:form.object<\/span> <span class=\"re0\">name<\/span>=<span class=\"st0\">&quot;landline&quot;<\/span> <span class=\"re0\">label<\/span>=<span class=\"st0\">&quot;Landline&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160; &#160; &#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;flux:field.input<\/span> <span class=\"re0\">name<\/span>=<span class=\"st0\">&quot;number&quot;<\/span><span class=\"re2\">\/&gt;<\/span><\/span>\n&#160; &#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/flux:form.object<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/flux:form.section<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/flux:form<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/f:section<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160;\n&#160; <span class=\"sc-1\">&lt;!-- backend preview --&gt;<\/span>\n&#160; <span class=\"sc3\"><span class=\"re1\">&lt;f:section<\/span> <span class=\"re0\">name<\/span>=<span class=\"st0\">&quot;Preview&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;f:for<\/span> <span class=\"re0\">each<\/span>=<span class=\"st0\">&quot;{settings.numbers}&quot;<\/span> <span class=\"re0\">as<\/span>=<span class=\"st0\">&quot;obj&quot;<\/span> <span class=\"re0\">key<\/span>=<span class=\"st0\">&quot;id&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160; &#160; &#160; Number #{id}:\n&#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;f:if<\/span> <span class=\"re0\">condition<\/span>=<span class=\"st0\">&quot;{obj.landline}&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>mobile, {obj.landline.number}<span class=\"sc3\"><span class=\"re1\">&lt;\/f:if<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;f:if<\/span> <span class=\"re0\">condition<\/span>=<span class=\"st0\">&quot;{obj.mobile}&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>landline, {obj.mobile.number}<span class=\"sc3\"><span class=\"re1\">&lt;\/f:if<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;br<\/span><span class=\"re2\">\/&gt;<\/span><\/span>\n&#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/f:for<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160;\n&#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/f:section<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160;\n&#160; <span class=\"sc-1\">&lt;!-- frontend output --&gt;<\/span>\n&#160; <span class=\"sc3\"><span class=\"re1\">&lt;f:section<\/span> <span class=\"re0\">name<\/span>=<span class=\"st0\">&quot;Main&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;h2<span class=\"re2\">&gt;<\/span><\/span><\/span>Telephone numbers<span class=\"sc3\"><span class=\"re1\">&lt;\/h2<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;dl<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;dt<span class=\"re2\">&gt;<\/span><\/span><\/span>Mobile numbers<span class=\"sc3\"><span class=\"re1\">&lt;\/dt<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;f:for<\/span> <span class=\"re0\">each<\/span>=<span class=\"st0\">&quot;{settings.numbers}&quot;<\/span> <span class=\"re0\">as<\/span>=<span class=\"st0\">&quot;obj&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160; &#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;f:if<\/span> <span class=\"re0\">condition<\/span>=<span class=\"st0\">&quot;{obj.mobile}&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160; &#160; &#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;dd<span class=\"re2\">&gt;<\/span><\/span><\/span>{obj.mobile.number}<span class=\"sc3\"><span class=\"re1\">&lt;\/dd<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/f:if<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/f:for<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160;\n&#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;dt<span class=\"re2\">&gt;<\/span><\/span><\/span>Landline numbers<span class=\"sc3\"><span class=\"re1\">&lt;\/dt<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;f:for<\/span> <span class=\"re0\">each<\/span>=<span class=\"st0\">&quot;{settings.numbers}&quot;<\/span> <span class=\"re0\">as<\/span>=<span class=\"st0\">&quot;obj&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160; &#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;f:if<\/span> <span class=\"re0\">condition<\/span>=<span class=\"st0\">&quot;{obj.landline}&quot;<\/span><span class=\"re2\">&gt;<\/span><\/span>\n&#160; &#160; &#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;dd<span class=\"re2\">&gt;<\/span><\/span><\/span>{obj.landline.number}<span class=\"sc3\"><span class=\"re1\">&lt;\/dd<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/f:if<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/f:for<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; &#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/dl<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160; <span class=\"sc3\"><span class=\"re1\">&lt;\/f:section<span class=\"re2\">&gt;<\/span><\/span><\/span>\n<span class=\"sc3\"><span class=\"re1\">&lt;\/html<span class=\"re2\">&gt;<\/span><\/span><\/span>\n&#160;<\/pre><\/td><\/tr><\/tbody><\/table><\/div>\n <\/div>\n <div class=\"phork-meta\">\n  <a href=\"https:\/\/p.cweiske.de\/235\/rev-raw\/4affb8b7f33a26804289a577d27ba54d59a15633\/1-numbers.html\" style=\"float: right\">view raw source<\/a>\n  <a href=\"https:\/\/p.cweiske.de\/235#1-numbers.html\">1-numbers.html<\/a>\n <\/div>\n<\/div>\n    <div class=\"phork-file\">\n <div class=\"phork-content\">\n  <div class=\"image\"><img src=\"235\/rev-raw\/4affb8b7f33a26804289a577d27ba54d59a15633\/2-backend.png\" alt=\"2-backend.png\"\/><\/div>\n <\/div>\n <div class=\"phork-meta\">\n  <a href=\"https:\/\/p.cweiske.de\/235\/rev-raw\/4affb8b7f33a26804289a577d27ba54d59a15633\/2-backend.png\" style=\"float: right\">view raw source<\/a>\n  <a href=\"https:\/\/p.cweiske.de\/235#2-backend.png\">2-backend.png<\/a>\n <\/div>\n<\/div>\n    <div class=\"phork-file\">\n <div class=\"phork-content\">\n  <div class=\"image\"><img src=\"235\/rev-raw\/4affb8b7f33a26804289a577d27ba54d59a15633\/3-backend-preview.png\" alt=\"3-backend-preview.png\"\/><\/div>\n <\/div>\n <div class=\"phork-meta\">\n  <a href=\"https:\/\/p.cweiske.de\/235\/rev-raw\/4affb8b7f33a26804289a577d27ba54d59a15633\/3-backend-preview.png\" style=\"float: right\">view raw source<\/a>\n  <a href=\"https:\/\/p.cweiske.de\/235#3-backend-preview.png\">3-backend-preview.png<\/a>\n <\/div>\n<\/div>\n    <div class=\"phork-file\">\n <div class=\"phork-content\">\n  <div class=\"image\"><img src=\"235\/rev-raw\/4affb8b7f33a26804289a577d27ba54d59a15633\/4-frontend.png\" alt=\"4-frontend.png\"\/><\/div>\n <\/div>\n <div class=\"phork-meta\">\n  <a href=\"https:\/\/p.cweiske.de\/235\/rev-raw\/4affb8b7f33a26804289a577d27ba54d59a15633\/4-frontend.png\" style=\"float: right\">view raw source<\/a>\n  <a href=\"https:\/\/p.cweiske.de\/235#4-frontend.png\">4-frontend.png<\/a>\n <\/div>\n<\/div>\n<\/div>\n"}
