Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Toggle Button beim drauf zeigen blau hinterlegt.

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.7k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    869

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

Toggle Button beim drauf zeigen blau hinterlegt.

Geplant Angeheftet Gesperrt Verschoben Visualisierung
25 Beiträge 3 Kommentatoren 2.7k Aufrufe 4 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • P padi0-000

    Hoffe das ist richtig so..

    GlasfaserG Offline
    GlasfaserG Offline
    Glasfaser
    schrieb am zuletzt editiert von
    #21

    @padi0-000

    BEISPIEL , mit deinem Widget :

    1.JPG

    .UiStyle   {
     border:#222 !important;
     background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
    }
    

    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

    P Crazy32C 2 Antworten Letzte Antwort
    0
    • GlasfaserG Glasfaser

      @padi0-000

      BEISPIEL , mit deinem Widget :

      1.JPG

      .UiStyle   {
       border:#222 !important;
       background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
      }
      
      P Offline
      P Offline
      padi0-000
      schrieb am zuletzt editiert von
      #22

      @glasfaser
      Ja so klapp es bei mir aber der Rand ist nicht mehr so groß

      wie bekomme ich das nun hin ? farbe habe ich mir schon entsprechend angepasst.

      .UiStyle   {
      
       border:#434343!important;
      
       background: linear-gradient(to top, #121212, #666666) !important;
      
      }
      
      GlasfaserG 1 Antwort Letzte Antwort
      0
      • P padi0-000

        @glasfaser
        Ja so klapp es bei mir aber der Rand ist nicht mehr so groß

        wie bekomme ich das nun hin ? farbe habe ich mir schon entsprechend angepasst.

        .UiStyle   {
        
         border:#434343!important;
        
         background: linear-gradient(to top, #121212, #666666) !important;
        
        }
        
        GlasfaserG Offline
        GlasfaserG Offline
        Glasfaser
        schrieb am zuletzt editiert von
        #23

        @padi0-000

        So ... habe es mal gelb gemacht ?

        1.JPG

        Zusatz :

        border-width : 4px !important;
        

        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

        1 Antwort Letzte Antwort
        0
        • P Offline
          P Offline
          padi0-000
          schrieb am zuletzt editiert von
          #24

          Super ...Danke

          Ich Danke für die Mühen und das einfache und simple Erklären .

          1 Antwort Letzte Antwort
          0
          • GlasfaserG Glasfaser

            @padi0-000

            BEISPIEL , mit deinem Widget :

            1.JPG

            .UiStyle   {
             border:#222 !important;
             background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
            }
            
            Crazy32C Offline
            Crazy32C Offline
            Crazy32
            schrieb am zuletzt editiert von Crazy32
            #25

            @glasfaser sagte in Toggle Button beim drauf zeigen blau hinterlegt.:

            @padi0-000

            BEISPIEL , mit deinem Widget :

            1.JPG

            .UiStyle   {
             border:#222 !important;
             background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
            }
            

            Moin. Ich habe das gleiche Problem und @Glasfaser hat mich hierhin verwiesen. Bei mir haben wie beim Themenersteller komischerweise die obigen Tipps auch alle nicht funktioniert. Erst beim hier zitierten Post hat sich die Farbe des Buttons geändert. Aber leider nicht nur die Farbe des Buttons, sondern auch die Hintergrundfarbe der View. Wahrscheinlich weil bei View Hintergrund CSS eingestellt ist. Gibt es hierfür auch eine Lösung, damit nur die Buttonfarbe geändert wird?
            Ich bin momentan im Zwiespalt, einerseits gefallen mir die Buttons ganz gut, andererseits überlege ich, ob ich mir selber einen aus basic image und basic html state bastel.

            1.png

            EDIT: Ich habe im Netz noch ein bisschen rumgesucht und auf dieser Seite was zum Thema CSS gefunden. Mit dem unten stehenden Code habe ich dann die Buttons einfärben können, ohne das sich der Hintergrund der View auch ändert.

            }
            .black{
                color:#ececec;
                background: linear-gradient(to bottom, #5b5b5b 0%,#0c0c0c 100%);
                border-color: #0c0c0c;
            }
            
            1 Antwort Letzte Antwort
            0
            Antworten
            • In einem neuen Thema antworten
            Anmelden zum Antworten
            • Älteste zuerst
            • Neuste zuerst
            • Meiste Stimmen


            Support us

            ioBroker
            Community Adapters
            Donate

            340

            Online

            32.6k

            Benutzer

            82.1k

            Themen

            1.3m

            Beiträge
            Community
            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
            ioBroker Community 2014-2025
            logo
            • Anmelden

            • Du hast noch kein Konto? Registrieren

            • Anmelden oder registrieren, um zu suchen
            • Erster Beitrag
              Letzter Beitrag
            0
            • Home
            • Aktuell
            • Tags
            • Ungelesen 0
            • Kategorien
            • Unreplied
            • Beliebt
            • GitHub
            • Docu
            • Hilfe