coo_quickanfrage
Trenner für Formular Manager
HTML-Template: el-form-manager-spacer.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
{namespace anfrage=TYPO3\CooQuickanfrage\ViewHelpers}
<bh:tmpl.element object="{cObj}">
<bh:variable.typoscript path="plugin.tx_cooquickanfrage.form-manager" as="form-manager">
<div class="bh-form-manager__spacer {cObj.allSettings.spacer-height}"></div>
</bh:variable.typoscript>
</bh:tmpl.element>
Typoscript: el-form-manager-spacer.typoscript
TYPOSCRIPT
plugin.tx_bh.settings.contentElements.el-form-manager-spacer < abstract.bhElement
plugin.tx_bh.settings.contentElements.el-form-manager-spacer {
name = Trenner
description = Dieses Element kann nur im Formular-Manager verwendet werden
templateFile = el-form-manager-spacer.html
templatePath = EXT:coo_quickanfrage/Resources/Public/Elements/el-form-manager-items/el-form-manager-spacer/
settingsForm = EXT:coo_quickanfrage/Resources/Public/Elements/el-form-manager-items/el-form-manager-spacer/el-form-manager-spacer-settings.html
iconFile = typo3conf/ext/bh/Resources/Public/Icons/Elemente/spacer-small.svg
bheParentElement = el-form-manager
options.translate = 0
bheSortPriority = 55
options.oncreate = advanced
styleOptions {
disableName = 1
disableRequired = 1
size < plugin.tx_cooquickanfrage.form-manager.styleOptions.size
spacer-height {
bh-form-manager__spacer--s = klein
bh-form-manager__spacer--m = mittel
bh-form-manager__spacer--l = groß
}
}
userClass = bh-form-manager__item bh-form-manager__item--spacer
}
plugin.tx_cooquickanfrage.form-manager.items := addToList(el-form-manager-spacer)
bh.page.includeCSSLibs.el-form-manager-spacer = typo3conf/ext/coo_quickanfrage/Resources/Public/Elements/el-form-manager-items/el-form-manager-spacer/el-form-manager-spacer.css
[bh.isMobile]
bhDefaultMobilePage.includeCSSLibs.el-form-manager-spacer < bh.page.includeCSSLibs.el-form-manager-spacer
[global]
Settings-HTML: el-form-manager-spacer-settings.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
{namespace anfrage=TYPO3\CooQuickanfrage\ViewHelpers}
<bh:form.settingsform content="{cObj}">
<anfrage:manager.item.settings item="{cObj}" />
<div class="bhe-formsettings-option" data-bhe-form-listener="tx_bh_page[data][content][settings][style][fieldtype]"
data-bhe-form-active-on="value" data-bhe-form-active-value="fieldtype-spacer">
<label>Höhe</label>
<f:form.select name="spacer-height" value="{cObj.allSettings.spacer-height}"
options="{cObj.allSettings.styleOptions.spacer-height}" />
</div>
<bh:form.dynamicFields item="{cObj}" settings="{cObj.allSettings.settingsGlobalFields}" />
<f:form.submit value="Speichern" />
</bh:form.settingsform>