Ergebnis 1 bis 3 von 3

Thema: Contao Leaflet Maps: Wie "leaflet-control-layers-selector" mit CSS stylen?

  1. #1
    Contao-Nutzer
    Registriert seit
    15.12.2012.
    Beiträge
    120

    Standard Contao Leaflet Maps: Wie "leaflet-control-layers-selector" mit CSS stylen?

    Hallo zusammen,

    ich hoffe, dass diese Frage halbwegs hier passt. Ich nutze mit großer Freude die Erweiterung "Contao Leaflet Maps" von David Molineus und versuche gerade, den so genannten "leaflet-control-layers-selector" mit CSS zu designen.

    Leider scheitere ich daran, die im Selector vorhandenen Checkboxen mit CSS so anzusprechen, dass ich diese verändern kann.

    Hat jemand eine Idee, mit welchem Selektor ich die Checkboxen denn so anpassen könnte, dass sie aussehen wie diese Checkbox? Ein Ausblenden der bisherigen Checkboxen ist zwar möglich, doch kann ich leider keine neuen Quadrate via
    Code:
    ::before
    -Tags darstellen.

    Ganz herzlichen Dank!

  2. #2
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    5.320
    Partner-ID
    7421
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Die Optik in Deinem Wunsch-Beispiel ist mit :before gesetzt. Sieht man bei der Untersuchung des Codes in den Entwicklertools des Browsers Deiner Wahl.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  3. #3
    Contao-Fan Avatar von fusch
    Registriert seit
    25.03.2012.
    Ort
    München
    Beiträge
    485
    Contao-Projekt unterstützen

    Support Contao

    Standard HTML-Code anpassen

    Hallo,
    das wird nur funktionieren, wenn Du die Struktur des HTML-Codes anpasst.

    Für diesen kleinen CSS-Hack muss das Label im Code nach der Checkbox stehen:
    HTML-Code:
    <span>
        <input type="checkbox" name="channels[]" id="opt_38_1" value="1" class="checkbox">
        <label for="opt_38_1">Newsletter_Radentscheid</label>
    </span>
    So ist es auch auf Deiner Newsletter-Seite, aber eben nicht im Code der Karte, da umschließt das Label die checkbox:

    HTML-Code:
    <label>
        <div>
             <input type="checkbox" class="leaflet-control-layers-selector" checked="">
            <span> RVK_Radhauptnetz</span>
        </div>
    </label>
    LG
    Hella
    Mitglied des Contao User Treffen München
    Aktuelle Termine erfährst Du immer unter www.contao-bayern.de
    Komm' doch mal vorbei!

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
  •