Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Views - Hintergrundfarbe zentral steuern

    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

    Views - Hintergrundfarbe zentral steuern

    This topic has been deleted. Only users with topic management privileges can see it.
    • ice987
      ice987 @Speedy-Turbo last edited by

      @speedy-turbo

      https://github.com/ioBroker/ioBroker.vis/issues/339

      ice987987 created this issue in ioBroker/ioBroker.vis

      closed Binding for background-color does not work #339

      1 Reply Last reply Reply Quote 0
      • S
        Speedy-Turbo last edited by

        @ice987

        Danke für die schnelle Antwort.

        Wenn ich es jetzt richtig verstehe ist das ein bekanntes Problem?

        Dieses wurde am 17.11.2022 geschlossen

        Heist das jetzt, das Problem wurde gelöst oder ohne Lösung eingestellt?

        Gruß Speedy

        ice987 1 Reply Last reply Reply Quote 0
        • ice987
          ice987 @Speedy-Turbo last edited by ice987

          @speedy-turbo sagte in Views - Hintergrundfarbe zentral steuern:

          Wenn ich es jetzt richtig verstehe ist das ein bekanntes Problem?

          ja

          Dieses wurde am 17.11.2022 geschlossen

          ja

          Heist das jetzt, das Problem wurde gelöst oder ohne Lösung eingestellt?

          ohne Lösung eingestellt da vis1 nicht weiterentwickelt wird (bzw. sich diesem issue niemand angenommen hat)

          versuchs's mal hier:
          IMG_0449.jpeg

          S 1 Reply Last reply Reply Quote 0
          • S
            Speedy-Turbo @ice987 last edited by

            @ice987
            Hallo
            das habe ich auch ausprobiert:
            VIS_View_03.png

            Funktioniert leider auch nicht.
            Aber trotzdem Danke. Dann brauch ich wenigstens nicht mehr lange suchen.

            Ich denke das ist auch mal ein Grund sich auch mit VIS 2.0 zu beschäftigen.

            Danke Speedy

            1 Reply Last reply Reply Quote 0
            • OliverIO
              OliverIO @Speedy-Turbo last edited by OliverIO

              @speedy-turbo

              folgender workaround funktioniert

              auf jedem view der so eingefärbt werden soll ein html widget mit folgendem inhalt anlegen.
              datenpunktname ggfs anpassen

              <style>
                  .vis-view {
                      background-color:{0_userdata.0.testFolder.color};
                  }
              </style>
              

              wer es noch genereller haben möchte kann die css regel auch auf den body tag legen.

              <style>
                  body {
                      background-color:{0_userdata.0.testFolder.color};
                  }
              </style>
              

              wie üblich funktionieren bindings nur in der vis runtime

              S 1 Reply Last reply Reply Quote 0
              • S
                Speedy-Turbo @OliverIO last edited by

                Vielen dank für den Tip:

                @oliverio

                wie üblich funktionieren bindings nur in der vis runtime

                Dann wird das in der VIS 2 wohl auch nicht gehen oder?

                Habe da diesen Beitrag gefunden:

                [https://github.com/ioBroker/ioBroker.vis-2/issues/19]
                (vis2.x: Binding for background-color does not work)

                ice987987 created this issue in ioBroker/ioBroker.vis-2

                open vis2.x: Binding for background-color does not work #19

                OliverIO 1 Reply Last reply Reply Quote 0
                • OliverIO
                  OliverIO @Speedy-Turbo last edited by OliverIO

                  @speedy-turbo

                  da müsste es auch ähnlich laufen.
                  allerdings sind die css bezeichnungen anders und wenn man pech hat
                  geht es aktuell gar nicht, da die css-klassenbezeichnungen von react dynamisch erzeugt werden.
                  aber hab ich jetzt nicht nachgeschaut.
                  aufgrund deines screenshots habe ich auf vis1 geschlossen

                  mit den web developer tools kannst du dort selber nachschauen

                  S 1 Reply Last reply Reply Quote 0
                  • S
                    Speedy-Turbo @OliverIO last edited by

                    @oliverio
                    Ja war auch in erster Linie für VIS 1 gedacht.
                    Aber ich wollte wieso langsam mal umsteigen auf VIS 2. Deshalb diese Frage auch für diese Version.

                    Danke erst einmal.
                    Falls ich da noch was finde um die Farben zentral in VIS 2 zu steuern, schreibe ich es hier noch einmal rein.

                    OliverIO 1 Reply Last reply Reply Quote 0
                    • OliverIO
                      OliverIO @Speedy-Turbo last edited by

                      @speedy-turbo

                      workaround für vis-2
                      hier muss gegenüber vis-1 noch ein important hinzugefügt werden,
                      da vis-2 direkt im style attribut dire farbe definiert, auch wenn man sonst keine farbe in den view settings gepflegt hat.
                      das erhöht die spezifität. welche nur durch important zu überschreiben ist.

                      <style>
                          .vis-view {
                              background-color:{0_userdata.0.testFolder.color} !important;
                          }
                      </style>
                      
                      S 1 Reply Last reply Reply Quote 0
                      • S
                        Speedy-Turbo @OliverIO last edited by

                        @oliverio sagte in Views - Hintergrundfarbe zentral steuern:

                        !important

                        Super das hat hervorragend funktioniert.

                        Ein View (Name=default-background) erstellt mit einem HTML Widget.
                        Diesen dann unter CSS Allgemein auf links=0 - rechts= 0 - with=100% - Höhe=100% - z-index= 2 gestellt.
                        Dann unter Allgemein - HTML

                        <style>
                            .vis-view {
                                background-color:{0_userdata.0.VIS.VIS_01_Handy.Farben_Hintergrund} !important;
                            }
                        </style>
                        

                        In vis-2 gibt es sogar einen Punkt multi-views. Da kann man sagen auf welchen Seiten/Views er zu sehen sein soll.
                        VIS20_Hintergrnd.png

                        Vielen Dank

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

                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        456
                        Online

                        31.9k
                        Users

                        80.2k
                        Topics

                        1.3m
                        Posts

                        3
                        11
                        759
                        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