Contao-Camp 2024
Ergebnis 1 bis 4 von 4

Thema: Formularlayout; CSS Klasse für Fields

  1. #1
    Contao-Nutzer
    Registriert seit
    30.07.2015.
    Beiträge
    140

    Standard Formularlayout; CSS Klasse für Fields

    Hi zusammen,

    das Standardlayout "member_default" hat folgenden Code-Inhalt:

    Code:
    <table>
    
    <?= $this->fields ?>
      
    <tr class="<?= $this->rowLast ?> row_last">
      <td class="col_0 col_first">&nbsp;</td>
      <td class="col_1 col_last"><div class="submit_container"><input type="submit" class="submit" value="<?= $this->slabel ?>"></div></td>
    </tr>
    wie kann ich (in einem kopieren, separaten Layout) einem Field eine CSS-Klasse zuweisen?

    Code:
    <?= $this->fields ?>
    Leider hab ich jetzt schon viel zu viel Zeit investiert und keine Lösung gefunden.

    Danke vorab!

  2. #2
    Gesperrt
    Registriert seit
    07.05.2011.
    Beiträge
    1.199

    Standard

    Schau Dir das Formular mal mit einem Developer-Tool wie Firebug an. Jedes Feld hat eine ID. Über die kannst Du es ja mit CSS ansprechen, falls Du bestimmte Felder formatieren willst. Willst Du hingegen alle Felder oder bestimmte Feldtypen des Formulars ansprechen, z. B. so ...
    Code:
    .mein_formular .formbody td > textarea, .mein_formular .formbody td > input {
      Style1;
      Style2;
      Style3;
      ...
    }

  3. #3
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Wenn du dennoch unbedingt eine Klasse da rein generieren möchtest, würde ich das mit JS machen.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  4. #4
    Contao-Nutzer
    Registriert seit
    30.07.2015.
    Beiträge
    140

    Standard

    Zitat Zitat von soweit_ok Beitrag anzeigen
    Schau Dir das Formular mal mit einem Developer-Tool wie Firebug an.
    Das hab ich natürlich auch schon gemacht. Immer eine gute Hilfe die nicht fehlen darf.

    Letztendlich hab ich einfach die labels und inputs angesprochen, anstatt eine neue (extra) Klasse zu verwenden.. ansonsten ist die Idee, das über JS zu machen, wohl die beste..

Aktive Benutzer

Aktive Benutzer

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

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •