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.5.x

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Test Adapter Material Design Widgets v0.5.x

Scheduled Pinned Locked Moved Tester
adaptermaterialmaterial design widgetsvisvisualisationwidget
110 Posts 22 Posters 20.2k Views 38 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.
  • ScroungerS Scrounger

    @darkiop

    puhhhh...
    Wahrscheinlich müsstest du direkt im VIS Editor ein Skript schreiben, dass den Datenpunkt liest und in Abhängigkeit dann jedem Widget eine Klasse zu weist. Für diese beiden Klassen kannst dann css regeln erstellen.

    Wenn du nur den Hintergrund anpassen willst, würd ich nen html Widget in den Hintergrund legen und dann per binding die hintergrundfarbe in Abhängigkeit des Datenpunktes setzen.

    Kannst du nicht den Uhula Widgets die Layout datenpunkte des Theme Editors per binding zuweisen?

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

    @scrounger sagte in Test Adapter Material Design Widgets v0.5.x:

    @darkiop

    puhhhh...
    Wahrscheinlich müsstest du direkt im VIS Editor ein Skript schreiben, dass den Datenpunkt liest und in Abhängigkeit dann jedem Widget eine Klasse zu weist. Für diese beiden Klassen kannst dann css regeln erstellen.

    Hatte schon befürchtet das man das evtl. per Skript abfangen muss.

    Wenn du nur den Hintergrund anpassen willst, würd ich nen html Widget in den Hintergrund legen und dann per binding die hintergrundfarbe in Abhängigkeit des Datenpunktes setzen.

    Ja, die Idee hatte ich auch, werd ich demnächst noch Testen.

    Kannst du nicht den Uhula Widgets die Layout datenpunkte des Theme Editors per binding zuweisen?

    Ich nutze von Uhulas Framework eigentlich nur den Rahmen - also alles was die Seite Responsiv macht - die Inhalte werden größtenteils mit deinen Widgets dargestellt. Und Uhulas Konzept mit mehreren Page Views habe ich auf eine Page View mit einem View in Widget 8 und deiner TopAppBar angepasst.

    Eine Idee war noch, das ganze über ein Bindung der BG-Optionen der Seite selbst zu machen (kein Widget selektiert):

    205e0567-b0b8-4b56-99a8-7f9800ffb8db-grafik.png

    Leider sind hier Bindings ohne Funktion.

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

    D 1 Reply Last reply
    0
    • D darkiop

      @scrounger sagte in Test Adapter Material Design Widgets v0.5.x:

      @darkiop

      puhhhh...
      Wahrscheinlich müsstest du direkt im VIS Editor ein Skript schreiben, dass den Datenpunkt liest und in Abhängigkeit dann jedem Widget eine Klasse zu weist. Für diese beiden Klassen kannst dann css regeln erstellen.

      Hatte schon befürchtet das man das evtl. per Skript abfangen muss.

      Wenn du nur den Hintergrund anpassen willst, würd ich nen html Widget in den Hintergrund legen und dann per binding die hintergrundfarbe in Abhängigkeit des Datenpunktes setzen.

      Ja, die Idee hatte ich auch, werd ich demnächst noch Testen.

      Kannst du nicht den Uhula Widgets die Layout datenpunkte des Theme Editors per binding zuweisen?

      Ich nutze von Uhulas Framework eigentlich nur den Rahmen - also alles was die Seite Responsiv macht - die Inhalte werden größtenteils mit deinen Widgets dargestellt. Und Uhulas Konzept mit mehreren Page Views habe ich auf eine Page View mit einem View in Widget 8 und deiner TopAppBar angepasst.

      Eine Idee war noch, das ganze über ein Bindung der BG-Optionen der Seite selbst zu machen (kein Widget selektiert):

      205e0567-b0b8-4b56-99a8-7f9800ffb8db-grafik.png

      Leider sind hier Bindings ohne Funktion.

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

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

      Wenn du nur den Hintergrund anpassen willst, würd ich nen html Widget in den Hintergrund legen und dann per binding die hintergrundfarbe in Abhängigkeit des Datenpunktes setzen.

      Ja, die Idee hatte ich auch, werd ich demnächst noch Testen.

      Ich hab mir jetzt so beholfen wie von dir Vorgeschlagean. Auf meiner page-View liegt ein HTML mit 100% x 100% und das bekommt über ein Binding eine class verpasst:

      {x:vis-materialdesign.0.colors.darkTheme;x=='true' ? 'bg-dark-theme' : 'bg-light-theme'}
      

      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

        @ice987
        Das ist aber normal im Editor. Die States werden da nur beim laden aktualisiert und wenn man an den Einstellungen des Widgets etwas ändert.

        D3ltoroxpD Offline
        D3ltoroxpD Offline
        D3ltoroxp
        wrote on last edited by
        #98

        @scrounger Gab es Änderungen an der Top App Bar ? Mein seitliches Menü ist weg, das war bei mir über das Top App Bar realisiert. Hatte heute mal neuste Version vom Adapter geupdated.

        1 Reply Last reply
        0
        • GlasfaserG Offline
          GlasfaserG Offline
          Glasfaser
          wrote on last edited by
          #99

          @d3ltoroxp sagte in Test Adapter Material Design Widgets v0.5.x:

          @scrounger Gab es Änderungen an der Top App Bar ? Mein seitliches Menü ist weg,

          schau mal hier im passenden Thread :

          https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget/317

          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 ..

          1 Reply Last reply
          1
          • S Online
            S Online
            saeft_2003
            Most Active
            wrote on last edited by saeft_2003
            #100

            Hallo. Ich habe folgendes Problem ich habe ein Update gemacht von einer uralt Version 0.2.64 auf die aktuelle. Jetzt werden auf meinen iphone und ipad keine material design widgets mehr angezeigt.

            Gibt es eine Lösung dafür? Ein downgrade ist nicht möglich!

            1 Reply Last reply
            0
            • EddeE Offline
              EddeE Offline
              Edde
              wrote on last edited by
              #101

              Guten Morgen.

              Ich habe seit einiger Zeit folgendes Problem:
              Ich sehe leider seit einiger Zeit keine einzige Material Widgets mehr auf meiner VIS (läuft im Fuly Browser).
              Ich VIS Editor kann ich die Widgets auch aus dem Menu ziehen und es erscheint rechts die passende Bearbeitungsleiste. Nur sichtbar snd die Widgets hier auch nicht.

              Nachdem ich mir nicht mehr zu helfen wusste, habe ich meinen iobroker neu aufgesetzt. Zunächst habe ich wieder die wichtigsten Adapter installiert und zum laufen gebracht. Danach alls erstes VIS Widget das Material Design und schwups, alles funktionierte. Als ich dann angefagen habe, weitere Widgets aus der Adapterliste zu installieren, verschwanden plötzlich wiedeer alle Material Widgets auf meiner VIS.

              Daraufhin habe ich alle anderen Adapter wieder deinstalliert, auch den Materil Deign neu installiert, verschiedene Versionen ausprobiert, aber die Widgets bleiben verschwunden.

              Das System läuft auf einem Raspberry 2 mit allen Adaptern aus der latest Repo.

              Vielen dak für eure Hilfe.

              Screenshot_20211203-054504_Samsung Internet.jpg Screenshot_20211203-054514_Samsung Internet.jpg Screenshot_20211203-055725_Chrome.jpg Screenshot_20211203-060345_Chrome.jpg

              1 Reply Last reply
              0
              • R Offline
                R Offline
                Rosi8818
                wrote on last edited by Rosi8818
                #102

                Hallo zusammen,
                ich habe endlich geschafft mein System auf den neusten Stand zu bringen (mit deaktiviertem Admin 5 wegen LinkedDevices).
                Jetzt würde ich gerne den Material Design Widget noch auf Version 0.5.x bringen.
                Dabei bin ich mir absolut unsicher und habe Angst etwas falsch zu machen das meiner VIS anschl. einiges fehlt.

                Ich weiß nicht ob ich eines der beiden "Breaking Changes" nutze.

                1. Table Widget
                  2. List Widget habe ich rausgefunden und deshalb hier einiges gelöscht

                Wie setze ich die Tabelle jetzt in das HTML Widget um, das ist mir noch nicht klar. Ich habe im "alten" Tablet Widget die ObjectID aus einem DP gelesen.

                Auszug daraus

                [{"W_tag":"<font color=\"#1345fb\"><span></font>Fr</span>","Datum":"<font color=\"#1345fb\"><span></font>24.12.2021</span>","Zeit":"<font color=\"#1345fb\"><span></font>&longmapsto; </span>","Event":"<font color=\"#1345fb\"><span>&#128309;&ensp;</font>Urlaub Conny:</span>","Tage":"<font color=\"#1345fb\"><span></font>-5</span>"},{"W_tag":"Do","Datum":"30.12.2021","Zeit":"&RightArrowLeftArrow;","Event":"Stadtwerke Daten ablesen - Zählerstände ... abfragen &#8595;","Tage":"morgen"},{"W_tag":"<font color=\"#1345fb\"><span></font>Do</span>","Datum":"<font color=\"#1345fb\"><span></font>30.12.2021</span>","Zeit":"<font color=\"#1345fb\"><span></font>&RightArrowLeftArrow;</span>","Event":"<font color=\"#1345fb\"><span>&#127874;&ensp;</font>Geburtstag von ...&#8595;</span>","Tage":"<font color=\"#1345fb\"><span></font>morgen</span>"},{"W_tag":"<font color=\"#1345fb\"><span></font>Fr</span>","Datum":"<font color=\"#1345fb\"><span></font>31.12.2021</span>","Zeit":"<font color=\"#1345fb\"><span></font>&RightArrowLeftArrow;</span>","Event":"<font color=\"#1345fb\"><span>&#9022;&e
                

                aber was mache ich jetzt mit den Feldern Spaltenlayout[X]...?
                Hat jemand eine kleine Idee, ein Anschubser für mich?
                Gruß
                Ralf

                I 1 Reply Last reply
                0
                • R Rosi8818

                  Hallo zusammen,
                  ich habe endlich geschafft mein System auf den neusten Stand zu bringen (mit deaktiviertem Admin 5 wegen LinkedDevices).
                  Jetzt würde ich gerne den Material Design Widget noch auf Version 0.5.x bringen.
                  Dabei bin ich mir absolut unsicher und habe Angst etwas falsch zu machen das meiner VIS anschl. einiges fehlt.

                  Ich weiß nicht ob ich eines der beiden "Breaking Changes" nutze.

                  1. Table Widget
                    2. List Widget habe ich rausgefunden und deshalb hier einiges gelöscht

                  Wie setze ich die Tabelle jetzt in das HTML Widget um, das ist mir noch nicht klar. Ich habe im "alten" Tablet Widget die ObjectID aus einem DP gelesen.

                  Auszug daraus

                  [{"W_tag":"<font color=\"#1345fb\"><span></font>Fr</span>","Datum":"<font color=\"#1345fb\"><span></font>24.12.2021</span>","Zeit":"<font color=\"#1345fb\"><span></font>&longmapsto; </span>","Event":"<font color=\"#1345fb\"><span>&#128309;&ensp;</font>Urlaub Conny:</span>","Tage":"<font color=\"#1345fb\"><span></font>-5</span>"},{"W_tag":"Do","Datum":"30.12.2021","Zeit":"&RightArrowLeftArrow;","Event":"Stadtwerke Daten ablesen - Zählerstände ... abfragen &#8595;","Tage":"morgen"},{"W_tag":"<font color=\"#1345fb\"><span></font>Do</span>","Datum":"<font color=\"#1345fb\"><span></font>30.12.2021</span>","Zeit":"<font color=\"#1345fb\"><span></font>&RightArrowLeftArrow;</span>","Event":"<font color=\"#1345fb\"><span>&#127874;&ensp;</font>Geburtstag von ...&#8595;</span>","Tage":"<font color=\"#1345fb\"><span></font>morgen</span>"},{"W_tag":"<font color=\"#1345fb\"><span></font>Fr</span>","Datum":"<font color=\"#1345fb\"><span></font>31.12.2021</span>","Zeit":"<font color=\"#1345fb\"><span></font>&RightArrowLeftArrow;</span>","Event":"<font color=\"#1345fb\"><span>&#9022;&e
                  

                  aber was mache ich jetzt mit den Feldern Spaltenlayout[X]...?
                  Hat jemand eine kleine Idee, ein Anschubser für mich?
                  Gruß
                  Ralf

                  I Offline
                  I Offline
                  iobrokerin
                  wrote on last edited by
                  #103

                  Hi, wie kann ich das Widget installieren? Ich kann es nicht finden im ioBroker, wenn ich nach "vis-material" suche...

                  liv-in-skyL 1 Reply Last reply
                  0
                  • I iobrokerin

                    Hi, wie kann ich das Widget installieren? Ich kann es nicht finden im ioBroker, wenn ich nach "vis-material" suche...

                    liv-in-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    wrote on last edited by
                    #104

                    @iobrokerin

                    Image 105.png

                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                    I 1 Reply Last reply
                    0
                    • liv-in-skyL liv-in-sky

                      @iobrokerin

                      Image 105.png

                      I Offline
                      I Offline
                      iobrokerin
                      wrote on last edited by iobrokerin
                      #105

                      @liv-in-sky Vielen Dank für die Hilfestellung, aber der Adapter erscheint auch in dem "GitHub"-Fenster nicht. Filtere ich noch irgendwas, dass er nicht angezeigt wird?

                      Edit: Got it. Man muss auf Beta umstellen.....

                      1 Reply Last reply
                      0
                      • GlasfaserG Offline
                        GlasfaserG Offline
                        Glasfaser
                        wrote on last edited by Glasfaser
                        #106

                        @iobrokerin sagte in Test Adapter Material Design Widgets v0.5.x:

                        Edit: Got it. Man muss auf Beta umstellen.....

                        ... danach wieder zurückstellen !!!!

                        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 ..

                        1 Reply Last reply
                        0
                        • Curtis777C Offline
                          Curtis777C Offline
                          Curtis777
                          wrote on last edited by
                          #107

                          @Scrounger

                          Ich habe den Effekt das im VIS Editor im Chrome Browser alles funktioniert.
                          Sobald ich aber die VIS am Tablet in Wallpanel (wo die VIS läuft) oder Fully Kiosk APP öffne ist die Stelle leer an welcher der Kalender sein sollte.
                          Öffne ich am selben Gerät die Chrome APP läufts.

                          Hab mal Testweise ein anderes Widget aus deiner Sammlung hinzugefügt allerdings wird das ebenfalls nicht angezeigt.

                          L 1 Reply Last reply
                          0
                          • Curtis777C Curtis777

                            @Scrounger

                            Ich habe den Effekt das im VIS Editor im Chrome Browser alles funktioniert.
                            Sobald ich aber die VIS am Tablet in Wallpanel (wo die VIS läuft) oder Fully Kiosk APP öffne ist die Stelle leer an welcher der Kalender sein sollte.
                            Öffne ich am selben Gerät die Chrome APP läufts.

                            Hab mal Testweise ein anderes Widget aus deiner Sammlung hinzugefügt allerdings wird das ebenfalls nicht angezeigt.

                            L Offline
                            L Offline
                            Laser
                            wrote on last edited by Laser
                            #108

                            @Scrounger Kann das sein, daß "Materialdesign" riesige Recourcen verschlingt? Nach der Installation ging auf dem Raspi mit 4GB Ram fast nichts mehr. Nach dem Deinstallieren funktioniert VIS nicht mehr richtig. Es wird immer nur eine bestimmte Seite angesprungen. "Material Design" fasse ich nur noch mit der Kneifzange an!

                            1 Reply Last reply
                            0
                            • S Offline
                              S Offline
                              Sushibomba
                              wrote on last edited by Sushibomba
                              #109

                              @Scrounger Wie bekomme ich den Scroll-Balken weg und die gesamte Liste angezeigt? Mit oben und unten schon ausprobiert. Gleiches Ergebnis.

                              1580387802002-screenshot-1512-_li.jpg

                              Und noch ne Frage...

                              Bei Rollladen fehlt das Symbol für vollständig geöffnet. Woran kann das liegen?
                              Adapter Version: 0.59

                              Unbenannt.png

                              @sigi234 Hast du vielleicht ne Antwort für mich weil du das Problem damals auch hattest das nicht alles vom Dropdown sichtbar war?

                              1 Reply Last reply
                              0
                              • ScroungerS Scrounger

                                @ice987
                                Das ist aber normal im Editor. Die States werden da nur beim laden aktualisiert und wenn man an den Einstellungen des Widgets etwas ändert.

                                O Offline
                                O Offline
                                Oli
                                wrote on last edited by
                                #110

                                @scrounger
                                Wird es für deinen Adapter auch eine Integration für VIS 2 geben?

                                Gruß
                                Oliver

                                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

                                621

                                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