Jedem Mailformular Feld eine CSS Klassen zuweißen

Submitting your vote...
Rating: 3.2 of 5. 5 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 16:42:
Perfekt. Nach genau sowas hab ich gesucht!
Danke.
marvin, 24-06-11 14:43:
1A Danke, sehr praktisch :)

Add comment

* - required field

*



*
*

Top 10 Updates

Login geändert am  09-Sep-2010 11:31:35
Schöne Schriften mit Google Font API geändert am  20-May-2010 16:36:59
TS basierte Searchbox für Indexed Search geändert am  18-May-2010 18:26:54
TYPO3 SEO geändert am  30-Apr-2010 09:43:20
Suchmaschinenfreundliche grafische Überschriften in TYPO3 geändert am  30-Apr-2010 09:33:56
Erstellen eines einfachen Infocenters mit TYPO3  geändert am  17-Nov-2009 12:11:22
Funktionierendes Section Menu mit TemplaVoila geändert am  05-May-2009 12:42:40
"Nicht im Menü" in Sitemap anzeigen geändert am  05-May-2009 12:12:24
Implementation des DHTML Menüs von brainjar.com  geändert am  01-Feb-2009 14:01:36
Beispiel DHTML Menü geändert am  01-Feb-2009 13:47:38

Latest comments

18-Jan-2012 11:03:20
cjjgeb cjjgeb schrieb: qUWC8M <a href="http://yviwfgyvopxz.com/">yviwfgyvopxz</a>
Typolink
18-Jan-2012 05:39:25
Melia Melia schrieb: Stands back from the kybeoard in amazement! Thanks!
Typolink
02-Jan-2012 22:48:33
Dietmar schrieb: Doch, genau das soll es doch sein. Sonst könntest Du ja die Seiten in der Vorschau nicht...
Eigenes vhost für das TYPO3 Backend
English
Suche: