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. Tester
  4. Test Adapter Material Design Widgets v0.2.x

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Test Adapter Material Design Widgets v0.2.x

Scheduled Pinned Locked Moved Tester
visadapatervisualizationmaterialwidget
902 Posts 77 Posters 245.8k Views 79 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.
  • I intruder7

    @Scrounger
    Huhu, was ist mit dem column view widget passiert? Es geht nicht mehr und soll bitte auch nicht entfernt werden. Für reine Tabletts ist es besser für die Anordnung der einzelnen Views.:disappointed_relieved:

    I Online
    I Online
    intruder7
    wrote on last edited by
    #530

    @Scrounger
    ich bekomme beim Input Widget die Rahmenfarbe bei ausgewählten Inputlayouts mit Rahmen nicht geändert. Ist das nicht vorgesehen ?

    1 Reply Last reply
    0
    • D Offline
      D Offline
      darkiop
      Most Active
      wrote on last edited by
      #531

      @Scrounger Der Fehler bei den line-charts hängt wohl mit den Schriftgrößen/Schriftarten Optionen der einzelnen Objekte des line-charts zusammen. Entferne ich hier Größe/Art wird das Diagramm zum Teil wieder gerendert.

      Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

      ScroungerS 1 Reply Last reply
      0
      • D darkiop

        @Scrounger Der Fehler bei den line-charts hängt wohl mit den Schriftgrößen/Schriftarten Optionen der einzelnen Objekte des line-charts zusammen. Entferne ich hier Größe/Art wird das Diagramm zum Teil wieder gerendert.

        ScroungerS Offline
        ScroungerS Offline
        Scrounger
        Developer
        wrote on last edited by
        #532

        @darkiop sagte in Test Adapter Material Design Widgets v0.2.x:

        @Scrounger Der Fehler bei den line-charts hängt wohl mit den Schriftgrößen/Schriftarten Optionen der einzelnen Objekte des line-charts zusammen. Entferne ich hier Größe/Art wird das Diagramm zum Teil wieder gerendert.

        Jup das ist die Auswrikung, Ursache ist leider das javascript ne kleine zicke ist :grin:
        Habs behoben -> v0.2.44

        @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

        @Scrounger
        ich bekomme beim Input Widget die Rahmenfarbe bei ausgewählten Inputlayouts mit Rahmen nicht geändert. Ist das nicht vorgesehen ?

        War auch ncoh nicht implementiert, in v0.2.44 ist es drin.

        D I 2 Replies Last reply
        1
        • ScroungerS Scrounger

          @darkiop sagte in Test Adapter Material Design Widgets v0.2.x:

          @Scrounger Der Fehler bei den line-charts hängt wohl mit den Schriftgrößen/Schriftarten Optionen der einzelnen Objekte des line-charts zusammen. Entferne ich hier Größe/Art wird das Diagramm zum Teil wieder gerendert.

          Jup das ist die Auswrikung, Ursache ist leider das javascript ne kleine zicke ist :grin:
          Habs behoben -> v0.2.44

          @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

          @Scrounger
          ich bekomme beim Input Widget die Rahmenfarbe bei ausgewählten Inputlayouts mit Rahmen nicht geändert. Ist das nicht vorgesehen ?

          War auch ncoh nicht implementiert, in v0.2.44 ist es drin.

          D Offline
          D Offline
          darkiop
          Most Active
          wrote on last edited by
          #533

          @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

          Jup das ist die Auswrikung, Ursache ist leider das javascript ne kleine zicke ist
          Habs behoben -> v0.2.44

          Kann ich bestätigen, Essen ist gleich gut :)

          e89076ea-637d-4362-b109-9d4b6e2694b4-grafik.png

          Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

          1 Reply Last reply
          0
          • ScroungerS Scrounger

            @darkiop sagte in Test Adapter Material Design Widgets v0.2.x:

            @Scrounger Der Fehler bei den line-charts hängt wohl mit den Schriftgrößen/Schriftarten Optionen der einzelnen Objekte des line-charts zusammen. Entferne ich hier Größe/Art wird das Diagramm zum Teil wieder gerendert.

            Jup das ist die Auswrikung, Ursache ist leider das javascript ne kleine zicke ist :grin:
            Habs behoben -> v0.2.44

            @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

            @Scrounger
            ich bekomme beim Input Widget die Rahmenfarbe bei ausgewählten Inputlayouts mit Rahmen nicht geändert. Ist das nicht vorgesehen ?

            War auch ncoh nicht implementiert, in v0.2.44 ist es drin.

            I Online
            I Online
            intruder7
            wrote on last edited by Negalein
            #534

            @Scrounger

            @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

            @Scrounger
            ich bekomme beim Input Widget die Rahmenfarbe bei ausgewählten Inputlayouts mit Rahmen nicht geändert. Ist das nicht vorgesehen ?

            War auch ncoh nicht implementiert, in v0.2.44 ist es drin.

            Geht! Danke!:blush:

            1 Reply Last reply
            0
            • I Online
              I Online
              intruder7
              wrote on last edited by
              #535

              @Scrounger
              Ich habe immer noch oder schon wieder Probleme mit der Anordnung im Masonry View Widget.
              Hier 6 von der Auflösung gleiche views in 5 Spalten. Aber nutzen tut er nur 3 Spalten und teilt die views in 2 Reihen mit jeweils 3 views auf. Browser ist Chrome.

              Hier mal ein Projekt als Beispiel

              2020-01-18-wetter.zip

              ScroungerS 1 Reply Last reply
              0
              • O Oli

                @Scrounger

                wie bekomme ich verschiedene Spaltenbreiten im Mansonry Widget hin, damit es so aussieht?

                9c06dce8-bfa2-4ac2-9e20-48c232a25c25-image.png

                habe es mal mit diesen Eingaben versucht, da verschieben sich aber die Spalten nicht richtig
                a2c3347b-0736-47c9-b059-3ff13ddc4d0a-image.png

                P Offline
                P Offline
                PatrickFro
                wrote on last edited by
                #536

                @Oli Könntest Du das Ergebnis des Views der Internetgeschwindigkeiten zur Verfügung stellen? Sieht hammer aus...

                O 1 Reply Last reply
                0
                • P PatrickFro

                  @Oli Könntest Du das Ergebnis des Views der Internetgeschwindigkeiten zur Verfügung stellen? Sieht hammer aus...

                  O Online
                  O Online
                  Oli
                  wrote on last edited by
                  #537

                  @PatrickFro
                  gerne, geht aber erst am Montag

                  Gruß
                  Oliver

                  P 1 Reply Last reply
                  1
                  • SteffS Offline
                    SteffS Offline
                    Steff
                    wrote on last edited by
                    #538

                    Hallo,
                    ich versuche gerade das Balkendiagramm zu verstehen. Und zwar möchte ich zwei Balken direkt nebeneinander anzeigen, allerdings finde ich die Einstellung für den Balkenabstand nicht. Gibt es den nicht mehr?
                    Gruß Steffen

                    ioBroker auf Intel NUC 7CJYH / Debian 12 / States & Objects in JSONL / Repo --> Beta / HM CCU2 V2.61.7 / Siemens LOGO! (0BA7 / 0BA8)
                    Admin V7.7.22 / Node V22.21.0 / NPM V10.9.4 / JSC V7.1.0 / JSE V9.0.17

                    1 Reply Last reply
                    0
                    • I intruder7

                      @Scrounger
                      Ich habe immer noch oder schon wieder Probleme mit der Anordnung im Masonry View Widget.
                      Hier 6 von der Auflösung gleiche views in 5 Spalten. Aber nutzen tut er nur 3 Spalten und teilt die views in 2 Reihen mit jeweils 3 views auf. Browser ist Chrome.

                      Hier mal ein Projekt als Beispiel

                      2020-01-18-wetter.zip

                      ScroungerS Offline
                      ScroungerS Offline
                      Scrounger
                      Developer
                      wrote on last edited by Scrounger
                      #539

                      @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

                      Hier 6 von der Auflösung gleiche views in 5 Spalten. Aber nutzen tut er nur 3 Spalten und teilt die views in 2 Reihen mit jeweils 3 views auf. Browser ist Chrome.

                      Hier mal ein Projekt als Beispiel

                      2020-01-18-wetter.zip

                      Ich bekomms auch nicht hin. Sobald die alle ne unterschiedliche Höhe haben, funktioniert es. Alternativ kann man die Spaltenanzahl erhöhen oder reduzieren bzw. weitere Views hinzufügen.

                      Vielleicht kann uns hier ja ein echter CSS Experte weiterhelfen?

                      Sorry aber ich bin hier mit meinem Latein am Ende :disappointed:

                      @Steff sagte in Test Adapter Material Design Widgets v0.2.x:

                      ich versuche gerade das Balkendiagramm zu verstehen. Und zwar möchte ich zwei Balken direkt nebeneinander anzeigen, allerdings finde ich die Einstellung für den Balkenabstand nicht. Gibt es den nicht mehr?

                      barWidth
                      c10b764c-81db-4313-9427-99ad95552d7c-grafik.png

                      1 Reply Last reply
                      0
                      • SteffS Offline
                        SteffS Offline
                        Steff
                        wrote on last edited by
                        #540

                        @Scrounger,
                        danke das Feld heißt bei mir nur noch "Width", deshalb habe ich es da nicht vermutet.
                        830b8f9f-9468-49fd-8eb8-0a57a49ea57a-image.png

                        ich hätte da noch einen Typo, und zwar in der Konfig des Balkendiagrams unter der Rubrik x-Achsen Layout. Dort heißt es einmal Ttiel anstatt Titel:
                        865d0bb1-5d35-4401-9ead-8b3c060896c7-image.png

                        Gruß Steffen

                        ioBroker auf Intel NUC 7CJYH / Debian 12 / States & Objects in JSONL / Repo --> Beta / HM CCU2 V2.61.7 / Siemens LOGO! (0BA7 / 0BA8)
                        Admin V7.7.22 / Node V22.21.0 / NPM V10.9.4 / JSC V7.1.0 / JSE V9.0.17

                        1 Reply Last reply
                        0
                        • T Offline
                          T Offline
                          tazdevil20
                          wrote on last edited by
                          #541

                          @Scrounger
                          Habe ein Problem mit dem pie chart.
                          Wenn ich die Rahmenbreite auf 5 oder höher einstelle sieht man einen entsprechend eingefärbten Rand. Lässt sich das von deiner Seite aus lösen oder muss man mit css dran (weiß aber nicht wie :( ).
                          Evtl. muss Du etwas ranzoomen um es zu sehen. Der Rand ist nur ca. 1 pixel groß.
                          pie-chart.png

                          ScroungerS 1 Reply Last reply
                          0
                          • S Offline
                            S Offline
                            skokarl
                            wrote on last edited by
                            #542

                            Morgen,
                            ich hab mal ne grundsätzliche Frage,
                            bei der Top App Bar nimmt man das Viev in View 8 Widget dazu,
                            dabei zählen ja auch die Untermenus mit, oder ?
                            1.PNG

                            Wie macht man das wenn man mehr als 8 hat ?

                            IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                            1 Reply Last reply
                            0
                            • T tazdevil20

                              @Scrounger
                              Habe ein Problem mit dem pie chart.
                              Wenn ich die Rahmenbreite auf 5 oder höher einstelle sieht man einen entsprechend eingefärbten Rand. Lässt sich das von deiner Seite aus lösen oder muss man mit css dran (weiß aber nicht wie :( ).
                              Evtl. muss Du etwas ranzoomen um es zu sehen. Der Rand ist nur ca. 1 pixel groß.
                              pie-chart.png

                              ScroungerS Offline
                              ScroungerS Offline
                              Scrounger
                              Developer
                              wrote on last edited by
                              #543

                              @tazdevil20 sagte in Test Adapter Material Design Widgets v0.2.x:

                              @Scrounger
                              Habe ein Problem mit dem pie chart.
                              Wenn ich die Rahmenbreite auf 5 oder höher einstelle sieht man einen entsprechend eingefärbten Rand. Lässt sich das von deiner Seite aus lösen oder muss man mit css dran (weiß aber nicht wie :( ).
                              Evtl. muss Du etwas ranzoomen um es zu sehen. Der Rand ist nur ca. 1 pixel groß.

                              Tatsache ist aber nur 1px. Ne mit CSS kann man da nix machen, da die Charts gerendert werden. OK muss ich mir anschauen.

                              @skokarl sagte in Test Adapter Material Design Widgets v0.2.x:

                              Wie macht man das wenn man mehr als 8 hat ?

                              genauso wie bei den 7 davor. Versteh die Frage net so wirklich ;-)

                              S 1 Reply Last reply
                              0
                              • ScroungerS Scrounger

                                @tazdevil20 sagte in Test Adapter Material Design Widgets v0.2.x:

                                @Scrounger
                                Habe ein Problem mit dem pie chart.
                                Wenn ich die Rahmenbreite auf 5 oder höher einstelle sieht man einen entsprechend eingefärbten Rand. Lässt sich das von deiner Seite aus lösen oder muss man mit css dran (weiß aber nicht wie :( ).
                                Evtl. muss Du etwas ranzoomen um es zu sehen. Der Rand ist nur ca. 1 pixel groß.

                                Tatsache ist aber nur 1px. Ne mit CSS kann man da nix machen, da die Charts gerendert werden. OK muss ich mir anschauen.

                                @skokarl sagte in Test Adapter Material Design Widgets v0.2.x:

                                Wie macht man das wenn man mehr als 8 hat ?

                                genauso wie bei den 7 davor. Versteh die Frage net so wirklich ;-)

                                S Offline
                                S Offline
                                skokarl
                                wrote on last edited by skokarl
                                #544

                                @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

                                Wie macht man das wenn man mehr als 8 hat ?

                                genauso wie bei den 7 davor. Versteh die Frage net so wirklich ;-)

                                mit einem zweiten View in 8 ? , geht das ?

                                oder einzelne View in Widgets ?

                                Ich weiß nicht genau wieviel man da übereinander legen kann.

                                IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                                T 1 Reply Last reply
                                0
                                • S skokarl

                                  @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

                                  Wie macht man das wenn man mehr als 8 hat ?

                                  genauso wie bei den 7 davor. Versteh die Frage net so wirklich ;-)

                                  mit einem zweiten View in 8 ? , geht das ?

                                  oder einzelne View in Widgets ?

                                  Ich weiß nicht genau wieviel man da übereinander legen kann.

                                  T Offline
                                  T Offline
                                  tazdevil20
                                  wrote on last edited by tazdevil20
                                  #545

                                  @skokarl
                                  Weiß nicht wie die View 8 zu ihrem Namen gekommen ist, du kannst aber auch mehr als 8 Views konfigurieren. Einfach den Zähler entsprechend erhöhen (ich habe 26 drin stehen).
                                  View8.png

                                  S 1 Reply Last reply
                                  1
                                  • T tazdevil20

                                    @skokarl
                                    Weiß nicht wie die View 8 zu ihrem Namen gekommen ist, du kannst aber auch mehr als 8 Views konfigurieren. Einfach den Zähler entsprechend erhöhen (ich habe 26 drin stehen).
                                    View8.png

                                    S Offline
                                    S Offline
                                    skokarl
                                    wrote on last edited by
                                    #546

                                    @tazdevil20 sagte in Test Adapter Material Design Widgets v0.2.x:

                                    @skokarl
                                    Weiß nicht wie die View 8 zu ihrem Namen gekommen ist, du kannst aber auch mehr als 8 Views konfigurieren. Einfach den Zähler entsprechend erhöhen (ich habe 26 drin stehen).
                                    View8.png

                                    Bingo...Danke.....
                                    War der Meinung bei 8 ist Schluß.
                                    Die Bezeichnung ist verwirrend.

                                    IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                                    ScroungerS 1 Reply Last reply
                                    0
                                    • S skokarl

                                      @tazdevil20 sagte in Test Adapter Material Design Widgets v0.2.x:

                                      @skokarl
                                      Weiß nicht wie die View 8 zu ihrem Namen gekommen ist, du kannst aber auch mehr als 8 Views konfigurieren. Einfach den Zähler entsprechend erhöhen (ich habe 26 drin stehen).
                                      View8.png

                                      Bingo...Danke.....
                                      War der Meinung bei 8 ist Schluß.
                                      Die Bezeichnung ist verwirrend.

                                      ScroungerS Offline
                                      ScroungerS Offline
                                      Scrounger
                                      Developer
                                      wrote on last edited by
                                      #547

                                      @skokarl
                                      Des wegen einfach Mal Rum probieren - was eingeben, runtime anschauen, wieder rum probieren, etc. Da lernt man sehr viel bei ;-)

                                      1 Reply Last reply
                                      0
                                      • B Do not disturb
                                        B Do not disturb
                                        bommel_030
                                        wrote on last edited by
                                        #548

                                        @Scrounger
                                        Kann ich in einer JSON Tabelle auch die Reihenfolge der Spalten ändern? Im Basic Widget kann ich durch hinzufügen des Attributes z.B. Spalte 3 und 5 vertauschen.
                                        Hier habe ich im Tabellenwidget "nur" die Möglichkeit eine Spalte nach den Werten einer anderen Spalte zu sortieren. Hab ich etwas übersehen. oder ist das nicht vorgesehen?
                                        Hatte auch mal ein wenig versucht mit Bindings die Schriftfarbe der einzelnen Zellen zu ändern, also sinngemäß, Zelleninhalt kleiner 50, dann grün, sonst rot.
                                        Ich vermute das geht nicht... Oder macht es Sinn da noch weiter zu probieren?

                                        ScroungerS 1 Reply Last reply
                                        0
                                        • B bommel_030

                                          @Scrounger
                                          Kann ich in einer JSON Tabelle auch die Reihenfolge der Spalten ändern? Im Basic Widget kann ich durch hinzufügen des Attributes z.B. Spalte 3 und 5 vertauschen.
                                          Hier habe ich im Tabellenwidget "nur" die Möglichkeit eine Spalte nach den Werten einer anderen Spalte zu sortieren. Hab ich etwas übersehen. oder ist das nicht vorgesehen?
                                          Hatte auch mal ein wenig versucht mit Bindings die Schriftfarbe der einzelnen Zellen zu ändern, also sinngemäß, Zelleninhalt kleiner 50, dann grün, sonst rot.
                                          Ich vermute das geht nicht... Oder macht es Sinn da noch weiter zu probieren?

                                          ScroungerS Offline
                                          ScroungerS Offline
                                          Scrounger
                                          Developer
                                          wrote on last edited by Scrounger
                                          #549

                                          @bommel_030 sagte in Test Adapter Material Design Widgets v0.2.x:

                                          @Scrounger
                                          Kann ich in einer JSON Tabelle auch die Reihenfolge der Spalten ändern? Im Basic Widget kann ich durch hinzufügen des Attributes z.B. Spalte 3 und 5 vertauschen.

                                          Das geht, musst halt Reihenfolge der Properties der Objekte ändern, z.b.

                                          [
                                          {"img":"/vis.0/myImages/erlebnis_50.png","name":"Empire","betriebszeit":"4h 06m","funk":"5G","ip":"10.0.0.1"},
                                          {"img":"/vis.0/myImages/erlebnis_100.png","name":"Handy","betriebszeit":"13m","funk":"5G","ip":"10.0.0.2"},
                                          ]
                                          

                                          in ändern:

                                          [
                                          {"name":"Empire","betriebszeit":"4h 06m","funk":"5G","ip":"10.0.0.1","img":"/vis.0/myImages/erlebnis_50.png"},
                                          {"name":"Handy","betriebszeit":"13m","funk":"5G","ip":"10.0.0.2","img":"/vis.0/myImages/erlebnis_100.png"},
                                          ]
                                          

                                          Hatte auch mal ein wenig versucht mit Bindings die Schriftfarbe der einzelnen Zellen zu ändern, also sinngemäß, Zelleninhalt kleiner 50, dann grün, sonst rot.

                                          Geht auch, wenn du das ganze als Array von Arrays aufbaust, anstatt Array von Objekten, z.b.:

                                          [
                                          ["row1","{0_userdata.0.linkeddevices.string_to_number}"],
                                          ["row2","text"]
                                          ]
                                          

                                          Ich empfehl dir aber, bau dir ein Skript, mit dem du dir ein Objekt baust, dass du dann in der Tabelle verwendest. Dann hast du vollkommene freiheit.

                                          Hier ein Beispiel wie sowas geht.
                                          https://forum.iobroker.net/topic/25112/test-adapter-enigma2-v1-2-x/134

                                          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

                                          710

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          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