Typo3 - Formularfelder und CSS

[cooper]

Ich beschäftige mich seit ein paar Tagen mit Typo3 und bin hellauf begeistert.
Versuche gerade zu Übungszwecken meine Website 1:1 auf Typo 3 abzubilden.

Das Template steht und funktioniert und das sogar mit CSS formatierten Menue Listen!

Was mir gerade Probleme macht ist das Kontakt Formular.

Im Original hat ja jedes Eingabefeld ein eigenes Hintergrundbild. Typo3 liefert mir aber keine classes für die <input> tags und nur eine identische für alle Tabellenspalten mit Eingabefeldern (class="csc-form-fieldcell")

Nun hätt ich aber gern unteschiedliche classes für die input tags, oder zumindest für die Tabellenspalten, aber wie?

[steffenk]

schau mal hier : http://www.typo3.net/tsref/cobject/form/

über den Parameter layout kannst Du Dein eigenes Template bilden und beliebige divs einbauen

[cooper]

Soweit bin ich schon
Aber die marker ###FIELD### und ###LABEL### sind ja für jedes Formularfeld wieder die gleichen, so daß ich nur ein identisches layout für alle felder hinbekomme weil ein wrap ja jedem <input> die selbe class zuordnet

Ich müsste also irgendwie den Code wrappen, der in den marker ###FIELD### gesetzt wird, aber wo?

Oder hab ich jetzt einen Denkfehler?

[steffenk]

es reicht doch, im css zu setzen:

.formdiv input,.formdiv textarea {background:url(bg.jpg);}

Für spezielle Tags schau Dir den Parameter params an, da kannst Du für jedes unterschiedliche Feld einen style definieren.

[cooper]

Hab den Feldern jetzt mit

tt_content.mailform.20.params.input = class="mf-input" 
tt_content.mailform.20.params.textarea = class="mf-text"

eine Klasse zugewiesen.

allerdings haben jetzt natürlich alle 3 input Felder die gleiche Klasse.

tt_content.mailform.20.params.input = class="mf-input1" |*| class="mf-input2" |*| class="mf-input3"

funktioniert leider nicht
die OptionSplits werden mit in den Quelltext übernommen.

[steffenk]

Das Problem hast Du leider immer, mir ist nicht bekannt, wie man jedes Feld einzeln behandeln kann - oder kann man für jedes Feld eigene params in der Form mit übergeben ?

Ich stecke zu tief in eigenen Extensions, die Normalform hab ich noch nie benötigt

[hans.pansen]

die Loesung koennte vielleicht

params = id="{current:1}"
fieldWrap.insertData = 1

in der TS-Konfiguration des FORM cObjects sein.
Es werden dann Id-tags mit dem namen der
Eingabefelder erzeugt.
Du brauchst dann nur noch ein Stylesheet das die entsprechenden
Id-Selectoren mit den gewuenschten styles populiert.
Beispiel:

----->'Form'
...
<input name="name" size="40" value="" id="name" type="text">
...
<-----'Form'

----->'EinStyleSheet.css'
...
#name { background-color: yellow; }
...
<-----'EinStyleSheet.css'

Die Sache hat eventuell nur einen Haken
wenn man 'accesibility' verwendet. Dies erzeugt eine
automatische ID der Art "$Formname_MD5($Inputfeldname)" ....
Gruss ..

[steffenk]

Das einfachste ist, die Extension Mailformplus zu benutzen, dort kann man sich sein eigenes Formular als html-Template schreiben.