Contao-Camp 2024
Ergebnis 1 bis 23 von 23

Thema: Checkbox fehlt

  1. #1
    Contao-Fan
    Registriert seit
    15.12.2011.
    Beiträge
    811

    Standard Checkbox fehlt

    Hallo zusammen,

    ich benötige einmal Eure Hilfe. Auf meiner Webseite sind nach einem Update die Checkboxen verschwunden.
    Ich kriege diese mit meinem bisschen CSS Kenntnissen leider nicht mehr angezeigt.

    https://tt-spindoctor.de/login-als-kunde.html

    Habe ihr nen Tipp für mich?

    Vielen Dank im Voraus,
    Preetz

  2. #2
    Contao-Fan Avatar von Stefko
    Registriert seit
    25.10.2012.
    Ort
    Karlsruhe
    Beiträge
    771
    User beschenken
    Wunschliste

    Standard

    Ahoi,

    also mit
    Code:
    [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
        position: relative;
        opacity: 1;
        pointer-events: none;
    }
    anstatt

    Code:
    [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }
    ist sie wieder sichtbar, aber ob dies an anderen Stellen evtl. wieder ungewünschte Auswirkungen hat, musst Du selbst testen ;-)
    Grüße, Stefko

  3. #3
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Preetz,

    im CSS sind die „unsichtbar” gesetzt:

    Code:
    [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; opacity: 0;}
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

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

    Standard

    aus dem Theme kommt

    Code:
    [type="checkbox"]:not(:checked), 
    [type="checkbox"]:checked {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }
    Wenn Du das zu (in Deinem CSS) mit

    Code:
    [type="checkbox"]:not(:checked), 
    [type="checkbox"]:checked {
      position: relative;
      opacity: 1;
    }
    überschreibst, sind sie wieder da.

    Edit: Thomas war schneller.
    Contao-Community-Treff Bayern: http://www.contao-bayern.de

  5. #5
    Contao-Fan
    Registriert seit
    15.12.2011.
    Beiträge
    811

    Standard

    Vielen Dank an Euch.

    Jetzt die die Checkbox wieder da. Allerdings lässt diese sich noch nicht anklicken.
    Aber irgendwie ja schon merkwürdig, dass sich das CSS so verändert oder?

  6. #6
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Grundsätzlich war es schon richtig, so wie es ursprünglich war. Dein Theme stylt diese Formularelemente eben etwas anders (siehe z. B. https://mate.pdir.de/module/formulare.html).
    Geändert von xchs (29.12.2019 um 21:00 Uhr)
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  7. #7
    Contao-Fan
    Registriert seit
    15.12.2011.
    Beiträge
    811

    Standard

    Ich habe jetzt mal das "Beispielformular" auf diese Seite eingefügt: https://tt-spindoctor.de/login-als-kunde.html
    Da habe ich das Problem selbst nicht. Lediglich bei allen anderen Formularformen in Modulen.

    Hilft es eventuell bei der Fehlersuche?

  8. #8
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Verwendest Du die aktuellste Version des Themes (insbesondere Materialize Framework)?
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  9. #9
    Contao-Fan
    Registriert seit
    15.12.2011.
    Beiträge
    811

    Standard

    Ja die ist aktuell. Ich habe das hier gefunden:
    https://docs.contao-themes.net/#/mat...te-version-2.0

    Kann damit aber nicht so viel anfangen.

    Wie umfangreich wäre es, wenn ich das Theme einfach kille und neu installieren würde?

  10. #10
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    In Deinem Stylesheet kann ich jedenfalls nirgends die Stylings der Pseudoelemente (z. B. [type="checkbox"]+label:before etc.) finden, welche die Formatierung der Checkboxen notwendig wären.
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  11. #11
    Contao-Fan
    Registriert seit
    15.12.2011.
    Beiträge
    811

    Standard

    Aber warum funktioniert es dann beim Formular, nicht aber bei anderen Seiten die Module einbinden?

  12. #12
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Dort funktioniert es deshalb, weil das HTML-Markup ein anderes ist.

    HTML-Code:
    <span>
       <input>
       <label></label>
    </span>
    vs

    HTML-Code:
    <label>
        <input>
        <span></span>
    </label>
    Geändert von xchs (29.12.2019 um 23:18 Uhr)
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  13. #13
    Contao-Fan
    Registriert seit
    15.12.2011.
    Beiträge
    811

    Standard

    Ich habe mal eine neue Installation aufgesetzt.
    Scheinbar ist es ein Bug:
    http://2020.tt-spindoctor.de/module/user.html

    Komplett sauber installiert Contao und das Theme. Keine Anpassungen vorgenommen.

    Immer noch das selbe Problem.

  14. #14
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Scheint wohl tatsächlich aktuell so zu sein. Gerade eben getestet und kann das ebenfalls mit Version 2.3.4 des Bundles bestätigen.
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  15. #15
    Contao-Fan
    Registriert seit
    15.12.2011.
    Beiträge
    811

    Standard

    Wie kann ich das melden? Und vor allem, wie melde ich, dass die Mädels und Jungs wissen, was wir da entdeckt haben?

  16. #16
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ergänze mal in Deiner custom.scss die folgenden Styles:

    Code:
    [type="checkbox"]+label:before,
    [type="checkbox"]:not(.filled-in)+label:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        z-index: 0;
        border-radius: 1px;
        border: 2px solid #d1b155;
        margin-top: 2px;
        transition: 0.2s;
    }
    
    [type="checkbox"]:checked+label:before {
        top: -4px;
        left: -5px;
        width: 12px;
        height: 22px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid #d1b155;
        border-bottom: 2px solid #d1b155;
        transform: rotate(40deg);
        backface-visibility: hidden;
        transform-origin: 100% 100%;
    }
    Geändert von xchs (30.12.2019 um 00:11 Uhr)
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  17. #17
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Preetz Beitrag anzeigen
    Wie kann ich das melden? Und vor allem, wie melde ich, dass die Mädels und Jungs wissen, was wir da entdeckt haben?
    Das müsstest Du hier melden: https://github.com/contao-themes-net...-bundle/issues
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  18. #18
    Contao-Fan
    Registriert seit
    15.12.2011.
    Beiträge
    811

    Standard

    Habe es mal in meine eigene CSS genommen:
    https://tt-spindoctor.de/login-als-kunde.html

    hat sich was getan ...

  19. #19
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    So eventuell:

    Code:
    [type="checkbox"]+label:before,
    [type="checkbox"]:not(.filled-in)+label:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        z-index: 0;
        border-radius: 1px;
        border: 2px solid #d1b155;
        margin-top: 2px;
        transition: 0.2s;
    }
    
    [type="checkbox"]:checked+label:before {
        top: -4px;
        left: -5px;
        width: 12px;
        height: 22px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid #d1b155;
        border-bottom: 2px solid #d1b155;
        transform: rotate(40deg);
        backface-visibility: hidden;
        transform-origin: 100% 100%;
    }
    
    [type="checkbox"]:not(:checked),
    [type="checkbox"]:checked {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }
    
    [type="checkbox"]+label {
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-size: 1rem;
        user-select: none;
    }
    
    [type="checkbox"]+label:before,
    [type="checkbox"]:not(.filled-in)+label:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        z-index: 0;
        border: 2px solid #d1b155;
        border-radius: 1px;
        margin-top: 2px;
        transition: 0.2s;
    }
    
    [type="checkbox"]:not(.filled-in)+label:after {
        border: 0;
        transform: scale(0);
    }
    
    [type="checkbox"]:not(:checked):disabled+label:before {
        border: none;
        background-color: rgba(0, 0, 0, 0.42);
    }
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  20. #20
    Contao-Fan
    Registriert seit
    15.12.2011.
    Beiträge
    811

    Standard

    Danke aber ich glaube da hat sich nix verändert.

    Die Checkbox hängt noch oben links, funktioniert aber technisch gesehen.
    Habe aber auch festgestellt, dass die Select-Felder auch ne Macke haben. Die sind wohl in der Höhe fix, lassen sich nicht scrollen.

  21. #21
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Habe die Styles nur vorhin schnell eingefügt: Bei mir tat sich dann schon etwas (siehe https://webm.red/view/ns6f.webm). Naja, egal: Erstelle dazu einfach ein Ticket und beschreibe kurz, worum es geht und wie sich das Problem reproduzieren lässt.
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  22. #22
    Contao-Fan
    Registriert seit
    15.12.2011.
    Beiträge
    811

    Standard

    Vielen Dank noch mal für deine Mühe. Das Video kann ich allerdings jetzt nicht starten.

  23. #23
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Das Video ist auch nicht wichtig. Es zeigt nur, wie ich die Checkbox anklicke. Mehr nicht. Da gibt es bestimmt Sehenswerteres
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

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
  •