VF DSL 468x60

Jedem Mailformular Feld eine CSS Klassen zuweißen

Submitting your vote...
Rating: 2.5 of 5. 2 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>
  )
}


Comments


siteway.de, 10-03-10 15:42:
Perfekt. Nach genau sowas hab ich gesucht!
Danke.

Add comment

* - required field

*



*
*

Top 10 Updates

Erstellen eines einfachen Infocenters mit TYPO3  geändert am  17-Nov-2009 11:11:22
Funktionierendes Section Menu mit TemplaVoila geändert am  05-May-2009 10:42:40
"Nicht im Menü" in Sitemap anzeigen geändert am  05-May-2009 10:12:24
Implementation des DHTML Menüs von brainjar.com  geändert am  01-Feb-2009 13:01:36
Beispiel DHTML Menü geändert am  01-Feb-2009 12:47:38
Anzeigebeispiel für dynamische Bild Masken geändert am  16-Dec-2008 15:11:25
Links geändert am  11-Dec-2008 10:12:33
Nützliche Links geändert am  11-Dec-2008 10:05:56
Transparente PNG's in IE5/6 ohne JavaScript geändert am  04-Oct-2008 12:28:14
Typoscript Eigenschaften mit stdWrap erweitern geändert am  13-Jun-2008 14:16:12

Latest comments

11-Mar-2010 07:52:35
Tom schrieb: Klasse, genau das was ich gebraucht habe. Mit einer Einschränkung... ... wie kann ich jetzt den...
Vertikales grafisches Menu (GMENU)
10-Mar-2010 15:42:51
siteway.de schrieb: Perfekt. Nach genau sowas hab ich gesucht! Danke.
Jedem Mailformular Feld eine eigene CSS Klassen zuweißen
05-Mar-2010 10:15:12
andi schrieb: Und wie funktioniert das Ganze bei Seiten mit TemplaVoila?
Template abhängig von Spalteninhalt
English
Suche: