Jedem Mailformular Feld eine CSS Klassen zuweißen

Submitting your vote...
Rating: 3.0 of 5. 1 vote(s).
Click the rating bar to rate this item.

Manchmal möchte man bei Formularen jedes Feld einzeln positionieren oder formatieren. Standartmäßig giebt TYPO3 die Felder wie folgt aus:

 

<div class="csc-mailform-field"><label for="mailformVorname">Vorname:</label> <span class="csc-mailform-label"><input type="text" name="Vorname" id="mailformVorname" size="20" value="" /></span></div>

 

 

Wenn man das nachfolgendes Typoscript Snippet verwendet bekommt man folgende Ausgabe:

 

<div class="csc-mailform-field feld-Vorname"><label for="mailformVorname">Vorname:</label> <span class="csc-mailform-label"><input type="text" name="Vorname" id="mailformVorname" size="20" value="" /></span></div>

 

 

Dieses Snippet fügt also dem umschließenden div Tag eine neue CSS Klasse hinzu, die nach dem Schema field-feldname generiert wird.

 

tt_content.mailform.20{
  commentWrap.cObject=COA
  commentWrap.cObject{
    20=TEXT
    20.value=field-{current:1}
    20.insertData=1
  }
  layout(
               <div class="csc-mailform-field ###COMMENT###">###LABEL### <span class="csc-mailform-label">###FIELD###</span></div>
  )
}

Top 10 Updates

Transparente PNG's in IE5/6 ohne JavaScript geändert am  04-Okt-2008 12:28:14
Typoscript Eigenschaften mit stdWrap erweitern geändert am  13-Jun-2008 14:16:12
Anderes Feld für GMENU alt Text geändert am  13-Jun-2008 13:55:51
Lightbox ohne Extension einbinden geändert am  13-Jun-2008 13:46:21
Menü erstellen mit Daten aus anderen Tabellen als pages V2 geändert am  24-Mär-2008 13:02:25
Login geändert am  17-Mär-2008 12:18:29
Forum geändert am  17-Mär-2008 10:07:40
Wer sind wir? geändert am  26-Dez-2007 16:06:55
Menu als unnested lists (iphone navigation) geändert am  29-Okt-2007 15:05:47
If Bedingungen mit UND und ODER Operator... geändert am  16-Okt-2007 19:04:17
English
Suche: