Folgende Einstellungen sind zusätzlich im TypoScript des Elements möglich:
Generiert Basis-Einstellungen für Feld-Elemente des Formular-Managers.
Typoscript
plugin.tx_bh.settings.contentElements.el-form-manager-example-input {
styleOptions {
# Größen aus Bakehouse-Core
size < plugin.tx_cooquickanfrage.form-manager.styleOptions.size
disableName = 1 # Deaktiviert Feld für Name
disableRequired = 1 # Deaktiviert Checkbox für Pflichtfeld
}
}
Folgender Namespace muss im Templatefile gesetzt werden:
{namespace anfrage=TYPO3\CooQuickanfrage\ViewHelpers}
{namespace anfrage=TYPO3\CooQuickanfrage\ViewHelpers}
Attribute
| Name | Beschreibung | Type | default | required |
|---|---|---|---|---|
| item | Content Object | content | true |
Beispiel
html
<anfrage:manager.item.settings item="{cObj}" />
Ausgabe
html
<f:if condition="!{cObj.allSettings.styleOptions.disableName}">
<div class="bhe-formsettings-option" id="bhe-form-manager-fieldname">
<label
data-tooltip="Muss innerhalb eines Formulars eindeutig sein.<br/><br/>Im Name dürfen nur <b>Buchstaben (A-Z), Zahlen, Bindestriche und Unterstriche</b> verwendet werden."
data-tooltip-view="extended">Name des Feldes</label>
<f:form.textfield name="inputname" value="{cObj.allSettings.inputname}" required="1"
pattern="[a-zA-Z0-9\-_]+" />
</div>
</f:if>
<f:if condition="{cObj.allSettings.styleOptions.size}">
<div class="bhe-formsettings-option">
<label>Größe</label>
<f:form.select name="style[size]" value="{cObj.allSettings.style.size}"
options="{cObj.allSettings.styleOptions.size}" />
</div>
</f:if>
<f:if condition="!{cObj.allSettings.styleOptions.disableRequired}">
<div class="bhe-formsettings-option">
<label>Pflichtfeld</label>
<f:form.checkbox name="style[bh-form-manager__item--required]" value="bh-form-manager__item--required"
checked="{cObj.allSettings.style.bh-form-manager__item--required}" />
</div>
</f:if>
<f:if condition="{cObj.allSettings.styleOptions.classes}">
<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:if>