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. Farbe vom NAV Button ändern

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.7k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

Farbe vom NAV Button ändern

Geplant Angeheftet Gesperrt Verschoben Visualisierung
35 Beiträge 7 Kommentatoren 8.1k Aufrufe 3 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.
  • Karel PuhliK Karel Puhli

    Mahlzeit zusammen,
    ich greife die Frage von karlheinz001 mal auf. Ich stehe vor dem selben Problem. Wie lässt sich die Farbe ändern? Über background-color bekommt man nur die dahinter liegende Farbe (über Erhöhung des Padding gut sichtbar) geändert, nicht den eigentlichen Button selbst. Weiß jemand weiter?

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

    @Karel-Puhli

    1.JPG

    und das in CSS Projekt eintragen :

    .UiStyle .ui-button {
    background: purple !important;
    }
    

    2.JPG

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

    22.JPG

    .UiStyle .ui-button {
    background: linear-gradient(90deg, rgba(44,42,63,1) 2%, rgba(171,208,215,0.7680205871411064) 50%, rgba(44,42,63,1) 98%) !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 ..

    Karel PuhliK 1 Antwort Letzte Antwort
    0
    • GlasfaserG Glasfaser

      @Karel-Puhli

      1.JPG

      und das in CSS Projekt eintragen :

      .UiStyle .ui-button {
      background: purple !important;
      }
      

      2.JPG

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

      22.JPG

      .UiStyle .ui-button {
      background: linear-gradient(90deg, rgba(44,42,63,1) 2%, rgba(171,208,215,0.7680205871411064) 50%, rgba(44,42,63,1) 98%) !important;
      }
      
      Karel PuhliK Offline
      Karel PuhliK Offline
      Karel Puhli
      schrieb am zuletzt editiert von
      #23

      @Glasfaser said in Farbe vom NAV Button ändern:

      .UiStyle .ui-button {

      Perfekt! Ich danke Dir!
      Kannst du kurz erklären, wofür das ".ui-button" steht?

      GlasfaserG 1 Antwort Letzte Antwort
      0
      • Karel PuhliK Karel Puhli

        @Glasfaser said in Farbe vom NAV Button ändern:

        .UiStyle .ui-button {

        Perfekt! Ich danke Dir!
        Kannst du kurz erklären, wofür das ".ui-button" steht?

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

        @Karel-Puhli

        wofür das ".ui-button" steht?

        Ist kein Geheimniss ...

        siehe hier :

        1.JPG

        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 ..

        Karel PuhliK 2 Antworten Letzte Antwort
        0
        • GlasfaserG Glasfaser

          @Karel-Puhli

          wofür das ".ui-button" steht?

          Ist kein Geheimniss ...

          siehe hier :

          1.JPG

          Karel PuhliK Offline
          Karel PuhliK Offline
          Karel Puhli
          schrieb am zuletzt editiert von
          #25

          @Glasfaser

          ... einfach mal ins Widget rein schauen... :+1:

          Ich danke Dir!!!

          1 Antwort Letzte Antwort
          1
          • GlasfaserG Glasfaser

            @Karel-Puhli

            wofür das ".ui-button" steht?

            Ist kein Geheimniss ...

            siehe hier :

            1.JPG

            Karel PuhliK Offline
            Karel PuhliK Offline
            Karel Puhli
            schrieb am zuletzt editiert von
            #26

            @glasfaser

            Nabend!
            Ich kriege den jqui Slider nicht farbig...
            Egal welche class ich davon nehme, das Teil wird zwar im Edit rot (siehe Screenshot), aber im Runtime springt es nach einer gefühlten ms wieder auf weiß zurück... Woran kann das liegen, was mache ich falsch?
            Grüße!
            Karel Bildschirmfoto vom 2022-08-19 21-56-47.png

            GlasfaserG 1 Antwort Letzte Antwort
            0
            • Karel PuhliK Karel Puhli

              @glasfaser

              Nabend!
              Ich kriege den jqui Slider nicht farbig...
              Egal welche class ich davon nehme, das Teil wird zwar im Edit rot (siehe Screenshot), aber im Runtime springt es nach einer gefühlten ms wieder auf weiß zurück... Woran kann das liegen, was mache ich falsch?
              Grüße!
              Karel Bildschirmfoto vom 2022-08-19 21-56-47.png

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

              @karel-puhli sagte in Farbe vom NAV Button ändern:

              Ich kriege den jqui Slider nicht farbig...

              und wie ist dein CSS dazu !?

              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 ..

              Karel PuhliK 1 Antwort Letzte Antwort
              0
              • GlasfaserG Glasfaser

                @karel-puhli sagte in Farbe vom NAV Button ändern:

                Ich kriege den jqui Slider nicht farbig...

                und wie ist dein CSS dazu !?

                Karel PuhliK Offline
                Karel PuhliK Offline
                Karel Puhli
                schrieb am zuletzt editiert von Karel Puhli
                #28

                @glasfaser

                ich habe eigentlich alle Möglichkeiten (siehe links blau hinterlegt) ausprobiert. In dem Beispiel ist es

                .Button .ui-widget-content {
                    background-color: red;
                }
                

                Edit: .Button ist dabei natürlich die Klasse des Widgets

                GlasfaserG 1 Antwort Letzte Antwort
                0
                • Karel PuhliK Karel Puhli

                  @glasfaser

                  ich habe eigentlich alle Möglichkeiten (siehe links blau hinterlegt) ausprobiert. In dem Beispiel ist es

                  .Button .ui-widget-content {
                      background-color: red;
                  }
                  

                  Edit: .Button ist dabei natürlich die Klasse des Widgets

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

                  @karel-puhli

                  Was möchtest du vom Slider genau rot haben .

                  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 ..

                  Karel PuhliK 2 Antworten Letzte Antwort
                  0
                  • GlasfaserG Glasfaser

                    @karel-puhli

                    Was möchtest du vom Slider genau rot haben .

                    Karel PuhliK Offline
                    Karel PuhliK Offline
                    Karel Puhli
                    schrieb am zuletzt editiert von
                    #30

                    @glasfaser

                    Den dicken Balken in der Mitte. Also eigentlich alles außer dem "handle".

                    1 Antwort Letzte Antwort
                    0
                    • GlasfaserG Glasfaser

                      @karel-puhli

                      Was möchtest du vom Slider genau rot haben .

                      Karel PuhliK Offline
                      Karel PuhliK Offline
                      Karel Puhli
                      schrieb am zuletzt editiert von
                      #31

                      @glasfaser

                      Im Edit wird es richtig angezeigt... :rage:
                      Bildschirmfoto vom 2022-08-19 22-11-59.png

                      HomoranH GlasfaserG 2 Antworten Letzte Antwort
                      0
                      • Karel PuhliK Karel Puhli

                        @glasfaser

                        Im Edit wird es richtig angezeigt... :rage:
                        Bildschirmfoto vom 2022-08-19 22-11-59.png

                        HomoranH Offline
                        HomoranH Offline
                        Homoran
                        Global Moderator Administrators
                        schrieb am zuletzt editiert von
                        #32

                        @karel-puhli mal ein anderes Theme versucht?

                        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                        Karel PuhliK 1 Antwort Letzte Antwort
                        0
                        • Karel PuhliK Karel Puhli

                          @glasfaser

                          Im Edit wird es richtig angezeigt... :rage:
                          Bildschirmfoto vom 2022-08-19 22-11-59.png

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

                          @karel-puhli

                          .Button .ui-widget-content {
                          
                              background: red !important;
                          
                          }
                          

                          Nur background und dann noch !important , damit es auch überschrieben wird

                          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 ..

                          Karel PuhliK 1 Antwort Letzte Antwort
                          1
                          • GlasfaserG Glasfaser

                            @karel-puhli

                            .Button .ui-widget-content {
                            
                                background: red !important;
                            
                            }
                            

                            Nur background und dann noch !important , damit es auch überschrieben wird

                            Karel PuhliK Offline
                            Karel PuhliK Offline
                            Karel Puhli
                            schrieb am zuletzt editiert von
                            #34

                            @glasfaser

                            Super! Es funzt! Danke Dir!

                            Kannst du kurz erklären warum es im Edit trotzdem richtig angezeigt wird, mit background-color?

                            1 Antwort Letzte Antwort
                            0
                            • HomoranH Homoran

                              @karel-puhli mal ein anderes Theme versucht?

                              Karel PuhliK Offline
                              Karel PuhliK Offline
                              Karel Puhli
                              schrieb am zuletzt editiert von
                              #35

                              @homoran

                              Auch Dir Danke! :+1:

                              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

                              583

                              Online

                              32.4k

                              Benutzer

                              81.5k

                              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