Ergebnis 1 bis 8 von 8

Thema: Label class "active"

  1. #1
    Contao-Nutzer
    Registriert seit
    22.09.2011.
    Ort
    Stuttgart
    Beiträge
    12

    Standard Label class "active"

    Hallo liebe Community,

    weiß jemand, ob es beim Label der Formulare eine Änderung bei der Klasse "active" zwischen contao 3.5.9 und 3.5.15 gab?

    In dem konkreten Fall hab ich ein Formular dass die Labels "über" die Inputs legt (also quasi als Platzhalter darstellt). Beim klicken des entsprechenden Inputs verschiebt sich das Label nach oben über das Input-Feld. Gelöst wurde das nur per CSS über die active-Klasse. Bei dem Projekt standen noch einige Änderungen an. Dabei wurde auch ein Update von contao Version 3.5.9 auf 3.5.15 gemacht. Ansonsten gab es keine Änderungen an den Formularen. Das CSS funktioniert in einem BackUp (3.5.9) noch einwandfrei, bei Version 3.5.15 wird dem Label keine active-Klasse mehr zugewiesen.

    Gab es eine Änderung? Oder weiß jemand woran das liegen könnte?

    Danke

    EDIT: Mittlerweile in einer lokalen Testinstallation (3.5.15) ein Input-Feld (ohne CSS) getestet. Auch hier beim Label keine active-Klasse mehr.
    Geändert von ThorstenR (20.07.2016 um 20:48 Uhr)

  2. #2
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.198
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Bist du dir sicher, dass es da jemals eine active Klasse gab? Wann soll die denn zugewiesen werden? Könnte ja eigentlich nur per Javascript passieren . Ich habe gerade mal in einer 3.5.4 geschaut und konnte im Kontaktformular nirgends eine active-Klasse entdecken.

  3. #3
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.376
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Eine .active-Klasse ist mir in dem Zusammenhang nicht bekannt. Das Element könnte vermutlich den :focus bekommen.

  4. #4
    Contao-Nutzer
    Registriert seit
    22.09.2011.
    Ort
    Stuttgart
    Beiträge
    12

    Standard

    Zumindest bis gerade war ich das. Zugewiesen wird die Klasse, sobald man in das zugehörige Input-Feld klickt.

    In den Chrome Dev-Tools sieht das dann wie im Anhang aus.
    Angehängte Grafiken Angehängte Grafiken

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

    Standard

    Dann musst du herausfinden welches JavaScript das bei dir macht oder gemacht hat. Denn von Haus aus passiert das nicht.

  6. #6
    Contao-Nutzer
    Registriert seit
    22.09.2011.
    Ort
    Stuttgart
    Beiträge
    12

    Standard

    Danke für eure Antworten.

    Es war/ist tatsächlich ein JavaScript, das während der Entwicklungsphase verwendet wurde und diese Funktion ungewollt mitgebracht hatte. Contao kann also gar nichts dafür, da hab ich einfach falsche Schlüsse gezogen

    Hinweis von @lucina
    Ist es denn semantisch korrekt im Template das <label> nach dem <input> zu platzieren. Eine andere Möglichkeit sehe ich nicht, durch :focus beim input die line-height des Labels zu ändern.

  7. #7
    Contao-Fan Avatar von comanche
    Registriert seit
    12.11.2009.
    Beiträge
    496

    Standard

    @TorstenR

    Wieso verwendest du das Label als Platzhalter - und nicht die Platzhalter-Option der Input Felder?

    Ist es denn semantisch korrekt im Template das <label> nach dem <input> zu platzieren.
    Ist eigentlich nicht nötig, die Reihenfolge zu ändern.

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

    Support Contao

    Standard

    Ich würde auch nach einer Lösung suchen, bei der du die Templates nicht verändern musst, weil es evtl. auch zu viele sind.

    Semantisch korrekt ist es auch unter dem Input, oder auch irgendwo anders auf der Seite, solange sie über das FOR-Attribut mit der ID des INPUTS verbunden sind. Auch ein Wrappen des INPUTS mit LABEL ist möglich, dabei benötigt man das FOR nicht.

    Am besten sieht es im Quelltext natürlich aus, wenn das LABEL direkt vor dem INPUT steht.

    Wenn du keine Lösung mit LABEL vor dem INPUT per CSS findest, kannst du auch JS mit ins Spiel bringen. Im krassesten Fall kannst du die LABELs mit JS nach den INPUTS platzieren.
    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

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
  •