Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Farbe vom NAV Button ändern

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Farbe vom NAV Button ändern

    This topic has been deleted. Only users with topic management privileges can see it.
    • Peoples
      Peoples last edited by

      @sveni_lee:

      ich versuche mich grad daran die Farbe in Abhängigkeit vom "view" zu bringen aber iregndwie klappt das so nicht…

      Ich habe es mit einem Binding unter Background probiert

      {v:views;v == "04_Garten" ? "blue" : "#000000"}
      ```` `  
      

      Ich denke dein Datenpunkt den du auswertest ist falsch!

      Die aktuell angezeigte View findest du unter vis.0 -> control ->data. Prüfe mal was da steht zB. ob da wirklich 04_Garten steht dann sollte es so funktionieren:

      {v:vis.0.control.data;v == "04_Garten" ? "blue" : "#000000"}
      
      1 Reply Last reply Reply Quote 0
      • S
        sveni_lee last edited by

        hmm… den Datenpunkt gibt es bei mir nicht...

        1 Reply Last reply Reply Quote 0
        • Peoples
          Peoples last edited by

          Das gibt es bei dir nicht?

          2417_screenshot.jpg

          1 Reply Last reply Reply Quote 0
          • S
            sveni_lee last edited by

            nein…

            ![](</s><URL url=)https://i.imgur.com/k4BIMOq.png" />

            1 Reply Last reply Reply Quote 0
            • Peoples
              Peoples last edited by

              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

              1 Reply Last reply Reply Quote 0
              • S
                sveni_lee last edited by

                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 Reply Last reply Reply Quote 0
                • Peoples
                  Peoples last edited by

                  Ich werde das heute Abend Mal probieren

                  Und melde mich dann

                  1 Reply Last reply Reply Quote 0
                  • S
                    sveni_lee last edited by

                    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 Reply Last reply Reply Quote 0
                    • S
                      sveni_lee last edited by

                      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 Reply Last reply Reply Quote 0
                      • Peoples
                        Peoples last edited by

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

                        1 Reply Last reply Reply Quote 0
                        • S
                          sveni_lee last edited by

                          auch nur wenn man den Browser aktualisiert…

                          1 Reply Last reply Reply Quote 0
                          • Peoples
                            Peoples last edited by

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

                            1 Reply Last reply Reply Quote 0
                            • S
                              sveni_lee last edited by

                              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 Reply Last reply Reply Quote 0
                              • Peoples
                                Peoples last edited by

                                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

                                1 Reply Last reply Reply Quote 0
                                • S
                                  sveni_lee last edited by

                                  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 Reply Last reply Reply Quote 0
                                  • Peoples
                                    Peoples last edited by

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

                                    1 Reply Last reply Reply Quote 0
                                    • S
                                      sveni_lee last edited by

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

                                      1 Reply Last reply Reply Quote 0
                                      • Karel Puhli
                                        Karel Puhli last edited by

                                        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?

                                        Glasfaser 1 Reply Last reply Reply Quote 0
                                        • Glasfaser
                                          Glasfaser @Karel Puhli last edited by

                                          @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 Puhli 1 Reply Last reply Reply Quote 0
                                          • Karel Puhli
                                            Karel Puhli @Glasfaser last edited by

                                            @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?

                                            Glasfaser 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            850
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            7
                                            35
                                            6378
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo