Ergebnis 1 bis 7 von 7

Thema: 4.12.7 - Formular: Label und Input-Feld vertauschen

  1. #1
    Contao-Nutzer
    Registriert seit
    15.11.2011.
    Beiträge
    81

    Standard 4.12.7 - Formular: Label und Input-Feld vertauschen

    Wurde zwar schon mehrfach im Forum gepostet, aber die Lösung per CSS finde ich nicht.
    Mit dem Vereinswechsel von 3 -> 4 hat sich scheinbar die Reihenfolge von INPUT und LABEL in Formularen geändert, z.B. im Kommentarmodul oder beim Ändern von eigenen Nutzerdaten. Das sieht ziemlich durcheinander gewürfelt aus, da zuerst das Label kommt und dies leider unterschiedlich lang ist.

    Ich hätte es gerne wieder so, wie in Version 3, aber einfach tauschen im template geht ja nicht mehr. Aus meiner Sicht hat man es hier verkompliziert, aber hey.
    Code:
    input,
    label {
     float: left;
     display: block;
    }
    label {
     width: /* Feste Breite */
    } {
    }
    Funktioniert leider nicht.
    Hat Jemand die Lösung?

    Stehe auf dem Schlauch.
    Vielen Dank im Voraus.

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

    Also im HTML war das label sicher schon immer vor dem input. Es sei denn du hattest angepasste Templates.

    Per CSS kannst du sowas mit flex oder grid und order steuern.
    » sponsor me via GitHub or PayPal or Revolut

  3. #3
    Contao-Nutzer
    Registriert seit
    15.11.2011.
    Beiträge
    81

    Standard

    So wie im Bild hier sah es immer in der Version 3 aus und ich hab nicht am template rumgefummelt.
    Selbiges gilt für Nutzdaten ändern.

    Das es mit CSS geht, habe ich gelesen, aber bei google finde ich nichts brauchbares und ich bekomme es nicht hin.

    Bildschirmfoto 2022-02-21 um 19.50.17.png

  4. #4
    Contao-Urgestein Avatar von fiedsch
    Registriert seit
    09.07.2009.
    Ort
    München
    Beiträge
    2.972

    Standard

    Wie ist denn die Reihenfolge im Quelltext auf der Site, von der Du den Screenshot gemacht hast. Wenn sie dort anders ist, als angezeigt, kannst Du Dir im dortigen CSS anschauen, wie es gemacht wurde.
    Contao-Community-Treff Bayern: http://www.contao-bayern.de

  5. #5
    Contao-Nutzer
    Registriert seit
    15.11.2011.
    Beiträge
    81

    Standard

    In der Version 3 konnte man einfach im template die parameter tauschen.
    In Version 4 wird das in einer Schleife zusammengebaut.

  6. #6
    Contao-Urgestein Avatar von cliffparnitzky
    Registriert seit
    08.10.2010.
    Ort
    Lüneburg
    Beiträge
    2.459
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Da gibt das "form_row" Template, was in der Schleife angewendet wird.

    Aber wie Spooky schon schrieb: das ist die Reihenfolge schon so.

  7. #7
    Contao-Nutzer
    Registriert seit
    15.11.2011.
    Beiträge
    81

    Standard

    So, statt lange mit CSS rum zu probieren, habe ich im genannten Template einfach die Reihenfolge getauscht.
    Läuft und wird bisher auch nur dort verwendet, also es ist nicht meine ganze Seite durcheinander gewürfelt.
    Danke

Aktive Benutzer

Aktive Benutzer

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

Berechtigungen

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