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.
  • PeoplesP Offline
    PeoplesP Offline
    Peoples
    schrieb am zuletzt editiert von
    #8

    Ok - somit kann ich dir da nicht mehr weiter helfen.

    Warum der bei dir nicht da ist bzw. ob der gernerell da sein sollte müssen die Profis beantworten.

    Sorry

    Ich beantworte keine Fragen zu Themen via PN

    1 Antwort Letzte Antwort
    0
    • S Offline
      S Offline
      sveni_lee
      schrieb am zuletzt editiert von
      #9

      nach dem ich den vis-Adapter neu istalliert habe, sind nun diese Datenpunkte vorhanden…

      ~~![](</s><URL url=)https://i.imgur.com/1G3sr4D.jpg" />

      leider klappt dass so auch nicht:

      {v:vis.0.control.data;v == "main/04_Garten" ? "#008000" : "#000000"}
      ````~~
      1 Antwort Letzte Antwort
      0
      • PeoplesP Offline
        PeoplesP Offline
        Peoples
        schrieb am zuletzt editiert von
        #10

        Ich werde das heute Abend Mal probieren

        Und melde mich dann

        Ich beantworte keine Fragen zu Themen via PN

        1 Antwort Letzte Antwort
        0
        • S Offline
          S Offline
          sveni_lee
          schrieb am zuletzt editiert von
          #11

          Ich muss mich korrigieren,

          es funktioniert doch. Mein Problem ist, dass ich über die Cloud arbeite und da muß ich immer den Braowser aktualisieren damit mir

          alles korrekt angezeigt wird. Und es kommt sehr of for das sich die vis-view.json nicht mehr ändern lässt…

          1 Antwort Letzte Antwort
          0
          • S Offline
            S Offline
            sveni_lee
            schrieb am zuletzt editiert von
            #12

            Also, es klappt zwar soweit aber leider wird es nicht angezeigt. Der State ändert sich aber anscheinend wird der Button nicht aktualisiert…

            Muß ich irgendwas in der Android App einstellen?

            Gesendet von iPhone mit Tapatalk Pro

            1 Antwort Letzte Antwort
            0
            • PeoplesP Offline
              PeoplesP Offline
              Peoples
              schrieb am zuletzt editiert von
              #13

              Ich benutze die App nicht ich nutze Fully, aber es gab widgets bei denen das nicht zuverlässig funktioniert hat. Funktioniert es im Browser?

              Ich beantworte keine Fragen zu Themen via PN

              1 Antwort Letzte Antwort
              0
              • S Offline
                S Offline
                sveni_lee
                schrieb am zuletzt editiert von
                #14

                auch nur wenn man den Browser aktualisiert…

                1 Antwort Letzte Antwort
                0
                • PeoplesP Offline
                  PeoplesP Offline
                  Peoples
                  schrieb am zuletzt editiert von
                  #15

                  Stell Mal deinen Widget-Export ein dann kann ich's Mal bei mir versuchen

                  Ich beantworte keine Fragen zu Themen via PN

                  1 Antwort Letzte Antwort
                  0
                  • S Offline
                    S Offline
                    sveni_lee
                    schrieb am zuletzt editiert von
                    #16

                    klar kein Problem…

                    [{"tpl":"tplJquiIconNav","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"Garten","text":"Garten","nav_view":"04_Garten","show_effect":""},"style":{"left":"222px","top":"44px","width":"110px","height":"44px","color":"white","background":"{v:vis.0.control.data;v == \"main/04_Garten\" ? \"#0000FF\" : \"#000000\"}","z-index":"2","line-height":"44px"},"widgetSet":"jqui"}]
                    

                    Danke für´s ansehen

                    1 Antwort Letzte Antwort
                    0
                    • PeoplesP Offline
                      PeoplesP Offline
                      Peoples
                      schrieb am zuletzt editiert von
                      #17

                      Ich denke dass du das schon richtig gemacht hast, damals gab es mal ein Thema bei dem ebenfalls jemand einen Button "einfärben" wollte das hat damals denke ich auch nicht über Bindings funktioniert

                      Finde den Beitrag aber grade nicht

                      Ich beantworte keine Fragen zu Themen via PN

                      1 Antwort Letzte Antwort
                      0
                      • S Offline
                        S Offline
                        sveni_lee
                        schrieb am zuletzt editiert von
                        #18

                        das fuktioniert schon, das Problem ist nur das der View 05_Nav nicht "aktualisiert" wird.

                        eventuell ließe sich ja was über css machen…

                        ich nehme an, das Widget "basic - view in Widget" aktualisiert den inhalt des views nicht. denn wenn man den browser aktualisiert

                        wird es korrekt angezeigt...

                        1 Antwort Letzte Antwort
                        0
                        • PeoplesP Offline
                          PeoplesP Offline
                          Peoples
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • S Offline
                            S Offline
                            sveni_lee
                            schrieb am zuletzt editiert von
                            #20

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

                            1 Antwort Letzte Antwort
                            0
                            • Karel PuhliK Offline
                              Karel PuhliK Offline
                              Karel Puhli
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          843

                                          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