+ Antworten
Ergebnis 1 bis 8 von 8

Thema: Typo3 - Formularfelder und CSS

  1. #1
    TP-Member cooper ist auf einem guten Weg
    Registriert seit
    Feb 2005
    Ort
    Düsseldorf
    Beiträge
    63

    Typo3 - Formularfelder und CSS

    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?

  2. #2
    TP-Special Mod steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User Avatar von steffenk
    Registriert seit
    Feb 2005
    Ort
    Haan / NRW
    Beiträge
    12.869
    schau mal hier : http://www.typo3.net/tsref/cobject/form/

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


    TYPO3 · MySQLDumper · dislabs
    ·
    manche Mühlen mahlen schneller ...
    "Ich habe Rücken"
    Horst Schlämmer


  3. #3
    TP-Member cooper ist auf einem guten Weg
    Registriert seit
    Feb 2005
    Ort
    Düsseldorf
    Beiträge
    63
    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?
    Geändert von cooper (14.12.2005 um 00:56 Uhr)

  4. #4
    TP-Special Mod steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User Avatar von steffenk
    Registriert seit
    Feb 2005
    Ort
    Haan / NRW
    Beiträge
    12.869
    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.


    TYPO3 · MySQLDumper · dislabs
    ·
    manche Mühlen mahlen schneller ...
    "Ich habe Rücken"
    Horst Schlämmer


  5. #5
    TP-Member cooper ist auf einem guten Weg
    Registriert seit
    Feb 2005
    Ort
    Düsseldorf
    Beiträge
    63
    Hab den Feldern jetzt mit

    Code:
    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.

    Code:
    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.

  6. #6
    TP-Special Mod steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User Avatar von steffenk
    Registriert seit
    Feb 2005
    Ort
    Haan / NRW
    Beiträge
    12.869
    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


    TYPO3 · MySQLDumper · dislabs
    ·
    manche Mühlen mahlen schneller ...
    "Ich habe Rücken"
    Horst Schlämmer


  7. #7
    TP-Newbie hans.pansen macht alles soweit korrekt
    Registriert seit
    Apr 2006
    Ort
    Potsdam
    Beiträge
    1
    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 ..
    Geändert von hans.pansen (28.04.2006 um 13:17 Uhr)

  8. #8
    TP-Special Mod steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User Avatar von steffenk
    Registriert seit
    Feb 2005
    Ort
    Haan / NRW
    Beiträge
    12.869
    Das einfachste ist, die Extension Mailformplus zu benutzen, dort kann man sich sein eigenes Formular als html-Template schreiben.


    TYPO3 · MySQLDumper · dislabs
    ·
    manche Mühlen mahlen schneller ...
    "Ich habe Rücken"
    Horst Schlämmer


+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51