Ein Element, welches Inhalte in einer Akkordeon-Ansicht aufbereitet. Der Content-Bereich kann dabei weitere Content-Elemente aufnehmen und ist ein- und ausklappbar. Zwei untereinander platzierte Akkordeons bilden eine logische Einheit und interagieren miteinander.
bh
Akkordeon-Element
HTML-Template: Resources/Private/Partials/AccordeonItem.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
<bh:tmpl.element object="{cObj}">
<div class="bh-accordion-toggler">
<div class="bh-accordion-toggler-inner">
<bh:property.text tag="div" property="text" />
</div>
</div>
<div class="bh-accordion-element">
<div class="bh-accordion-element-inner">
<bh:tmpl.content section="accordeon" parent="{cObj.uid}" />
</div>
</div>
</bh:tmpl.element>
Settings-HTML: Configuration/BheForms/AccordeonItem.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
<bh:form.settingsform content="{cObj}">
<f:if condition="{cObj.allSettings.styleOptions.classes}">
<f:then>
<div class="bhe-formsettings-option">
<label>Styles</label>
<f:form.select multiple="true" name="style[options]" value="{cObj.allSettings.style.options}"
options="{cObj.allSettings.styleOptions.classes}" />
</div>
</f:then>
<f:else>
<f:if condition="{cObj.allSettings.styleOptions}">
<div class="bhe-formsettings-option">
<label>Style</label>
<f:form.select multiple="true" name="style" value="{cObj.allSettings.style}"
options="{cObj.allSettings.styleOptions}" />
</div>
</f:if>
</f:else>
</f:if>
<bh:form.dynamicFields item="{cObj}" settings="{cObj.allSettings.settingsGlobalFields}" />
<f:form.submit value="Speichern" />
</bh:form.settingsform>