Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Farbe vom NAV Button ändern

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    245

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

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

Farbe vom NAV Button ändern

Scheduled Pinned Locked Moved Visualisierung
35 Posts 7 Posters 8.5k Views 3 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • PeoplesP Offline
    PeoplesP Offline
    Peoples
    wrote on last edited by
    #19

    Beim HTML Widget lässt sich eine Aktualisierungszeit Einstellungen das gibt's aber hier nicht oder

    Ich beantworte keine Fragen zu Themen via PN

    1 Reply Last reply
    0
    • S Offline
      S Offline
      sveni_lee
      wrote on last edited by
      #20

      nein, leider nicht… darum der Gedanke an css oder auch ein script...

      1 Reply Last reply
      0
      • Karel PuhliK Offline
        Karel PuhliK Offline
        Karel Puhli
        wrote on last edited by
        #21

        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 1 Reply Last reply
        0
        • 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 Online
          GlasfaserG Online
          Glasfaser
          wrote on last edited by
          #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 Reply Last reply
          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
            wrote on last edited by
            #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 Reply Last reply
            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 Online
              GlasfaserG Online
              Glasfaser
              wrote on last edited by
              #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 Replies Last reply
              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
                wrote on last edited by
                #25

                @Glasfaser

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

                Ich danke Dir!!!

                1 Reply Last reply
                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
                  wrote on last edited by
                  #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 Reply Last reply
                  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 Online
                    GlasfaserG Online
                    Glasfaser
                    wrote on last edited by
                    #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 Reply Last reply
                    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
                      wrote on last edited by 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 Reply Last reply
                      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 Online
                        GlasfaserG Online
                        Glasfaser
                        wrote on last edited by
                        #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 Replies Last reply
                        0
                        • GlasfaserG Glasfaser

                          @karel-puhli

                          Was möchtest du vom Slider genau rot haben .

                          Karel PuhliK Offline
                          Karel PuhliK Offline
                          Karel Puhli
                          wrote on last edited by
                          #30

                          @glasfaser

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

                          1 Reply Last reply
                          0
                          • GlasfaserG Glasfaser

                            @karel-puhli

                            Was möchtest du vom Slider genau rot haben .

                            Karel PuhliK Offline
                            Karel PuhliK Offline
                            Karel Puhli
                            wrote on last edited by
                            #31

                            @glasfaser

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

                            HomoranH GlasfaserG 2 Replies Last reply
                            0
                            • Karel PuhliK Karel Puhli

                              @glasfaser

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

                              HomoranH Do not disturb
                              HomoranH Do not disturb
                              Homoran
                              Global Moderator Administrators
                              wrote on last edited by
                              #32

                              @karel-puhli mal ein anderes Theme versucht?

                              kein Support per PN! - Fragen im Forum stellen -
                              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                              Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton im Header. Danke!
                              der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                              Karel PuhliK 1 Reply Last reply
                              0
                              • Karel PuhliK Karel Puhli

                                @glasfaser

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

                                GlasfaserG Online
                                GlasfaserG Online
                                Glasfaser
                                wrote on last edited by 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 Reply Last reply
                                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
                                  wrote on last edited by
                                  #34

                                  @glasfaser

                                  Super! Es funzt! Danke Dir!

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

                                  1 Reply Last reply
                                  0
                                  • HomoranH Homoran

                                    @karel-puhli mal ein anderes Theme versucht?

                                    Karel PuhliK Offline
                                    Karel PuhliK Offline
                                    Karel Puhli
                                    wrote on last edited by
                                    #35

                                    @homoran

                                    Auch Dir Danke! :+1:

                                    1 Reply Last reply
                                    0
                                    Reply
                                    • Reply as topic
                                    Log in to reply
                                    • Oldest to Newest
                                    • Newest to Oldest
                                    • Most Votes


                                    Support us

                                    ioBroker
                                    Community Adapters
                                    Donate

                                    395

                                    Online

                                    32.7k

                                    Users

                                    82.5k

                                    Topics

                                    1.3m

                                    Posts
                                    Community
                                    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                    ioBroker Community 2014-2025
                                    logo
                                    • Login

                                    • Don't have an account? Register

                                    • Login or register to search.
                                    • First post
                                      Last post
                                    0
                                    • Home
                                    • Recent
                                    • Tags
                                    • Unread 0
                                    • Categories
                                    • Unreplied
                                    • Popular
                                    • GitHub
                                    • Docu
                                    • Hilfe