coo_quickanfrage
Checkbox für Formular Manager
HTML-Template: el-form-manager-checkbox.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">
<f:if condition="{form-manager.config.label} && !{cObj.allSettings.hide-label-spacer}">
<div class="bh-form-manager__item__label bh-form-manager__item__label--spacer"></div>
</f:if>
<div class="bh-form-manager__checkbox {f:if(condition: '{cObj.allSettings.style.bh-form-manager__item--required}', then: 'bh-form-manager__checkbox--required')}"
data-bh-form-manager-name-label="{cObj.allSettings.inputname}">
<f:form.checkbox class="bh-form-manager__checkbox__input" id="{cObj.allSettings.inputname}-{cObj.uid}"
name="{cObj.allSettings.inputname}" value="1"
additionalAttributes="{f:if(condition: cObj.allSettings.style.bh-form-manager__item--required ,then:'{required: 1}')}" />
<label for="{cObj.allSettings.inputname}-{cObj.uid}" class="bh-form-manager__checkbox__checkitem">
<span class="bh-form-manager__checkbox__icon"></span>
<bh:property.text tag="span" class="bh-form-manager__checkbox__label bh-form-manager__label"
property="text" />
</label>
</div>
</bh:variable.typoscript>
</bh:tmpl.element>
Typoscript: el-form-manager-checkbox.typoscript
TYPOSCRIPT
plugin.tx_bh.settings.contentElements.el-form-manager-checkbox < abstract.bhElement
plugin.tx_bh.settings.contentElements.el-form-manager-checkbox {
name = Checkbox
description = Dieses Element kann nur im Formular-Manager verwendet werden
templateFile = el-form-manager-checkbox.html
templatePath = EXT:coo_quickanfrage/Resources/Public/Elements/el-form-manager-items/el-form-manager-checkbox/
settingsForm = EXT:coo_quickanfrage/Resources/Public/Elements/el-form-manager-items/el-form-manager-checkbox/el-form-manager-checkbox-settings.html
iconFile = typo3conf/ext/bh/Resources/Public/Icons/Elemente/checkbox.svg
bheParentElement = el-form-manager
bheSortPriority = 35
options.translate = 1
options.oncreate = advanced
styleOptions {
size < plugin.tx_cooquickanfrage.form-manager.styleOptions.size
}
dummyData.text = Checkbox
userClass = bh-form-manager__item bh-form-manager__item--checkbox
}
plugin.tx_cooquickanfrage.form-manager.items := addToList(el-form-manager-checkbox)
bh.page.includeCSSLibs.el-form-manager-checkbox = typo3conf/ext/coo_quickanfrage/Resources/Public/Elements/el-form-manager-items/el-form-manager-checkbox/el-form-manager-checkbox.css
[bh.isMobile]
bhDefaultMobilePage.includeCSSLibs.el-form-manager-checkbox < bh.page.includeCSSLibs.el-form-manager-checkbox
[global]
Settings-HTML: el-form-manager-checkbox-settings.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
{namespace anfrage=TYPO3\CooQuickanfrage\ViewHelpers}
<bh:form.settingsform content="{cObj}">
<anfrage:manager.item.settings item="{cObj}" />
<bh:variable.typoscript path="plugin.tx_cooquickanfrage.form-manager" as="form-manager">
<f:if condition="{form-manager.config.label}">
<div class="bhe-formsettings-option">
<label>
Ohne Abstand nach oben
</label>
<f:form.checkbox name="hide-label-spacer" value="hide-label-spacer"
checked="{cObj.allSettings.hide-label-spacer}" />
</div>
</f:if>
</bh:variable.typoscript>
<bh:form.dynamicFields item="{cObj}" settings="{cObj.allSettings.settingsGlobalFields}" />
<f:form.submit value="Speichern" />
</bh:form.settingsform>