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

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

Farbe vom NAV Button ändern

Scheduled Pinned Locked Moved Visualisierung
35 Posts 7 Posters 8.4k 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.
  • 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 Online
    Karel PuhliK Online
    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 Offline
      GlasfaserG Offline
      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 Online
        Karel PuhliK Online
        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 Online
          Karel PuhliK Online
          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 Offline
            GlasfaserG Offline
            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 Online
              Karel PuhliK Online
              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 Offline
                GlasfaserG Offline
                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 Online
                  Karel PuhliK Online
                  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 Online
                    Karel PuhliK Online
                    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 - 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 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 Offline
                        GlasfaserG Offline
                        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 Online
                          Karel PuhliK Online
                          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 Online
                            Karel PuhliK Online
                            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

                            660

                            Online

                            32.7k

                            Users

                            82.4k

                            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