Das Tab-Element gliedert Inhalte in Tabs und besteht aus 2 Elementen. Dem Container bhTabs und dessen Tab-Elemente bhTabElement.
bh
Tab-Element
HTML-Template: Resources/Private/Partials/Tabs.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
<bh:tmpl.element object="{cObj}">
<div class="bh-tab-togglers clearfix">
<bh:tmpl.tab.toggler as="content">
<bh:tmpl.element object="{content}">
<bh:property.text tag="div" property="text" object="{content}" />
</bh:tmpl.element>
</bh:tmpl.tab.toggler>
</div>
<bh:tmpl.tab.content as="content">
<bh:tmpl.content section="tabcontent" parent="{content.uid}" />
</bh:tmpl.tab.content>
</bh:tmpl.element>
HTML-Template (Children): Resources/Private/Partials/TabElement.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
<bh:tmpl.element object="{cObj}">
<bh:property.text tag="div" property="text" />
<bh:tmpl.content section="tabcontent" parent="{cObj.uid}" />
</bh:tmpl.element>
Settings-HTML: Configuration/BheForms/Tabs.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>