Markup Aufbau von tt_content.mailform ädern

Wie man die HTML (Markup) Ausgabe von tt_content.mailform ädern kann wird in diesem Artikel beschrieben. Zum Beispiel jedem Eingabefeld eine eigene CSS Klasse geben.

typoscript Code

tt_content.mailform {

	20 {
		stdWrap.wrap = |
		stdWrap.dataWrap = <fieldset class="csc-mailform formLayout{field:layout}">|</fieldset>

		# Im COMMENT Marker den Inhalt ädern.
		# Weil anscheinend insertData erst nach dem Wrap kommt, braucht es ein COA für lowercase
		commentWrap.cObject = COA
		commentWrap.cObject {
			10 = TEXT
			10 {
				value = {current:0}
				insertData = 1
				wrap = field-|
			}
			# ucfirst work since TYPO3 4.6!
			stdWrap.case = lower
		}

		layout = <div class="mailform-row ###COMMENT###"> ###FIELD###</div>
		RADIO.layout = <div class="mailform-row mailform-radio ###COMMENT###"> <span class="mailform-radio-item">###FIELD###</span></div>
		CHECK.layout = <div class="mailform-row mailform-checkbox ###COMMENT###"><span class="mailform-checkbox-item">###FIELD###</span> </div>
		LABEL.layout = <div class="mailform-row mailform-label ###COMMENT###"> <span class="mailform-label-item">###FIELD###</span></div>

		REQ = 1
		REQ.labelWrap.wrap = <span class="required">|</span> |

		# Den Eingabefelder eine CSS class geben
		params {
			input = class="text input"
			textarea = class="text textarea"
			radio = class="radio"
			check = class="checkbox"
			select = class="text select"
			submit = class="submit"
			password = class="text password"
			reset = class="reset"
			file = class="file"
		}
	}
}