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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Test Adapter Material Design Widgets v0.4.x

Scheduled Pinned Locked Moved Tester
visadaptervisualisationmaterialmaterial design widgetswidget
126 Posts 20 Posters 24.2k Views 30 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

    @Wszene
    Wird es angezeigt wenn du vis runtime per Browser aufrufst?

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

    @Scrounger da geht es um das thema - vis app auf ipad

    https://forum.iobroker.net/post/536789

    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

    1 Reply Last reply
    0
    • ScroungerS Scrounger

      @Wszene
      Wird es angezeigt wenn du vis runtime per Browser aufrufst?

      WszeneW Offline
      WszeneW Offline
      Wszene
      wrote on last edited by
      #27

      @Scrounger
      im Browser wird es richtig angezeigt
      auf dem iPhone auch
      auf dem Samsung wird das Widget nicht angezeigt
      iPad kann ich erst Ende der Woche testen

      Meine Hard- & Software:

      • MSI Cubi 5 10M-049DE mit Proxmox
      • CC2652P Zigbee Stick
      • Steckdosen mit Tasmota und Zigbee
      • Lichtschalter mit Tasmota
      • IKEA TRÅDFRI Glühbirnen
      • Aqara Sensoren
      ScroungerS 1 Reply Last reply
      0
      • H Offline
        H Offline
        heinzie
        wrote on last edited by
        #28

        Hallo,

        ich habe bei Verwendung der HTML Cards bei dunklem Design immer kleine weiße Ecken.
        Das hängt irgendwie mit dem Hintergrund zusammen, da die Ecken der HTML Cards etwas abgerubdet suind.
        Jemand eine Idee wie man das wegbekommt ?

        2020-12-14_185929.jpg

        1 Reply Last reply
        0
        • WszeneW Wszene

          @Scrounger
          im Browser wird es richtig angezeigt
          auf dem iPhone auch
          auf dem Samsung wird das Widget nicht angezeigt
          iPad kann ich erst Ende der Woche testen

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

          @Wszene sagte in Test Adapter Material Design Widgets v0.4.0-beta:

          auf dem Samsung wird das Widget nicht angezeigt

          Samsung Browser oder iobroker app?

          @heinzie sagte in Test Adapter Material Design Widgets v0.4.0-beta:

          Hallo,

          ich habe bei Verwendung der HTML Cards bei dunklem Design immer kleine weiße Ecken.
          Das hängt irgendwie mit dem Hintergrund zusammen, da die Ecken der HTML Cards etwas abgerubdet suind.
          Jemand eine Idee wie man das wegbekommt ?

          2020-12-14_185929.jpg

          Mach mal bitte nen export von deinem Widget, dann schau ich es mir an.

          WszeneW 1 Reply Last reply
          0
          • ScroungerS Scrounger

            @Wszene sagte in Test Adapter Material Design Widgets v0.4.0-beta:

            auf dem Samsung wird das Widget nicht angezeigt

            Samsung Browser oder iobroker app?

            @heinzie sagte in Test Adapter Material Design Widgets v0.4.0-beta:

            Hallo,

            ich habe bei Verwendung der HTML Cards bei dunklem Design immer kleine weiße Ecken.
            Das hängt irgendwie mit dem Hintergrund zusammen, da die Ecken der HTML Cards etwas abgerubdet suind.
            Jemand eine Idee wie man das wegbekommt ?

            2020-12-14_185929.jpg

            Mach mal bitte nen export von deinem Widget, dann schau ich es mir an.

            WszeneW Offline
            WszeneW Offline
            Wszene
            wrote on last edited by
            #30

            @Scrounger
            ioBroker App

            Meine Hard- & Software:

            • MSI Cubi 5 10M-049DE mit Proxmox
            • CC2652P Zigbee Stick
            • Steckdosen mit Tasmota und Zigbee
            • Lichtschalter mit Tasmota
            • IKEA TRÅDFRI Glühbirnen
            • Aqara Sensoren
            ScroungerS H 2 Replies Last reply
            0
            • WszeneW Wszene

              @Scrounger
              ioBroker App

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

              @Wszene sagte in Test Adapter Material Design Widgets v0.4.0-beta:

              @Scrounger
              ioBroker App

              Und im Browser? Wenn es im Browser geht, dann ist es ein thema der iobroker app. Hier müssen neue Versionen des mdw explizit implementiert werden.

              WszeneW O 2 Replies Last reply
              0
              • ScroungerS Scrounger

                @Wszene sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                @Scrounger
                ioBroker App

                Und im Browser? Wenn es im Browser geht, dann ist es ein thema der iobroker app. Hier müssen neue Versionen des mdw explizit implementiert werden.

                WszeneW Offline
                WszeneW Offline
                Wszene
                wrote on last edited by
                #32

                @Scrounger
                Ich habe es gerade mal im chrome probiert
                Dort geht es

                Auf dem iPhone geht es auch in der ioBroker App

                Meine Hard- & Software:

                • MSI Cubi 5 10M-049DE mit Proxmox
                • CC2652P Zigbee Stick
                • Steckdosen mit Tasmota und Zigbee
                • Lichtschalter mit Tasmota
                • IKEA TRÅDFRI Glühbirnen
                • Aqara Sensoren
                1 Reply Last reply
                0
                • WszeneW Wszene

                  @Scrounger
                  ioBroker App

                  H Offline
                  H Offline
                  heinzie
                  wrote on last edited by heinzie
                  #33

                  @Wszene Ich habe einfach mal das ganze Projekt gespeichert und die Änderungen (dunkles Design) nur bei "Wetter_Luftfeuchtigkeit_Day_1" vorgenommen. Da kann man das gut sehen in der Überischt "Wetter"
                  2020-12-15-test_wetter.zip

                  1 Reply Last reply
                  0
                  • ScroungerS Scrounger

                    @Wszene sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                    @Scrounger
                    ioBroker App

                    Und im Browser? Wenn es im Browser geht, dann ist es ein thema der iobroker app. Hier müssen neue Versionen des mdw explizit implementiert werden.

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

                    @Scrounger

                    Wäre es möglich im Table Widget verschiedene Zeilenfarben zu integrieren?

                    Ich mache das momentan über CSS, wäre allerdings im Adapter angenehmer zu konfigurieren

                    Beispiel:
                    ef8ee2a6-44df-47aa-80c2-62c51e20e895-image.png

                    Eine coole Sache wäre noch, wenn ich ein Widget in der Vis konfigurieren könnte und diese Werte anschließend im Adapter als feste Einstellungen für das Widget speichern könnte. Wird aber wahrscheinlich zu aufwendig sein, dass zu programmieren.

                    Mir ist noch was aufgefallen
                    teilweise werden Farben nicht übernommen, wenn ich sie bei "Farben (dunkel)" ändere

                    dd725e99-37ea-4b33-b1ed-c1c67869e1fa-image.png

                    f0e82f13-8790-430a-8a09-bb3b87671231-image.png

                    Ich bin wieder mal total begeistert von der neuen Version, danke für die Arbeit, die du dafür investierst.

                    Gruß
                    Oliver

                    ScroungerS 1 Reply Last reply
                    0
                    • O Oli

                      @Scrounger

                      Wäre es möglich im Table Widget verschiedene Zeilenfarben zu integrieren?

                      Ich mache das momentan über CSS, wäre allerdings im Adapter angenehmer zu konfigurieren

                      Beispiel:
                      ef8ee2a6-44df-47aa-80c2-62c51e20e895-image.png

                      Eine coole Sache wäre noch, wenn ich ein Widget in der Vis konfigurieren könnte und diese Werte anschließend im Adapter als feste Einstellungen für das Widget speichern könnte. Wird aber wahrscheinlich zu aufwendig sein, dass zu programmieren.

                      Mir ist noch was aufgefallen
                      teilweise werden Farben nicht übernommen, wenn ich sie bei "Farben (dunkel)" ändere

                      dd725e99-37ea-4b33-b1ed-c1c67869e1fa-image.png

                      f0e82f13-8790-430a-8a09-bb3b87671231-image.png

                      Ich bin wieder mal total begeistert von der neuen Version, danke für die Arbeit, die du dafür investierst.

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

                      @Oli sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                      Wäre es möglich im Table Widget verschiedene Zeilenfarben zu integrieren?

                      Ich mache das momentan über CSS, wäre allerdings im Adapter angenehmer zu konfigurieren

                      Denke das ist möglich, könnt ich acuh gebrauchen. Mach bitte nen issue auf github auf und schreib auch rein wie du das per css realisiert hast, kann das evtl. ganz leicht übernehmen

                      Eine coole Sache wäre noch, wenn ich ein Widget in der Vis konfigurieren könnte und diese Werte anschließend im Adapter als feste Einstellungen für das Widget speichern könnte. Wird aber wahrscheinlich zu aufwendig sein, dass zu programmieren.

                      Muss ich mal drüber nachdenken, ob und wie man das realisieren könnte, aber im ersten Moment denke ich auch das es zu aufwendig ist.

                      Mir ist noch was aufgefallen
                      teilweise werden Farben nicht übernommen, wenn ich sie bei "Farben (dunkel)" ändere

                      dd725e99-37ea-4b33-b1ed-c1c67869e1fa-image.png

                      f0e82f13-8790-430a-8a09-bb3b87671231-image.png

                      Welche Farben genau (Datenpunkt)?
                      In der Runtime werden Sie auch nicht übernommen?

                      D O 2 Replies Last reply
                      0
                      • ScroungerS Scrounger

                        @Oli sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                        Wäre es möglich im Table Widget verschiedene Zeilenfarben zu integrieren?

                        Ich mache das momentan über CSS, wäre allerdings im Adapter angenehmer zu konfigurieren

                        Denke das ist möglich, könnt ich acuh gebrauchen. Mach bitte nen issue auf github auf und schreib auch rein wie du das per css realisiert hast, kann das evtl. ganz leicht übernehmen

                        Eine coole Sache wäre noch, wenn ich ein Widget in der Vis konfigurieren könnte und diese Werte anschließend im Adapter als feste Einstellungen für das Widget speichern könnte. Wird aber wahrscheinlich zu aufwendig sein, dass zu programmieren.

                        Muss ich mal drüber nachdenken, ob und wie man das realisieren könnte, aber im ersten Moment denke ich auch das es zu aufwendig ist.

                        Mir ist noch was aufgefallen
                        teilweise werden Farben nicht übernommen, wenn ich sie bei "Farben (dunkel)" ändere

                        dd725e99-37ea-4b33-b1ed-c1c67869e1fa-image.png

                        f0e82f13-8790-430a-8a09-bb3b87671231-image.png

                        Welche Farben genau (Datenpunkt)?
                        In der Runtime werden Sie auch nicht übernommen?

                        D Offline
                        D Offline
                        dos1973
                        wrote on last edited by
                        #36

                        @Scrounger
                        hi, ich habe kein Testsystem - aber ein Backup ;-)

                        wenn ich das jetzt über mein Produktives drüberinstallieren, passiert gleich etwas mit meinem aktuellen VIS? oder kann ich mit einer Kopie neu anfangen.

                        O 1 Reply Last reply
                        0
                        • ScroungerS Scrounger

                          @Oli sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                          Wäre es möglich im Table Widget verschiedene Zeilenfarben zu integrieren?

                          Ich mache das momentan über CSS, wäre allerdings im Adapter angenehmer zu konfigurieren

                          Denke das ist möglich, könnt ich acuh gebrauchen. Mach bitte nen issue auf github auf und schreib auch rein wie du das per css realisiert hast, kann das evtl. ganz leicht übernehmen

                          Eine coole Sache wäre noch, wenn ich ein Widget in der Vis konfigurieren könnte und diese Werte anschließend im Adapter als feste Einstellungen für das Widget speichern könnte. Wird aber wahrscheinlich zu aufwendig sein, dass zu programmieren.

                          Muss ich mal drüber nachdenken, ob und wie man das realisieren könnte, aber im ersten Moment denke ich auch das es zu aufwendig ist.

                          Mir ist noch was aufgefallen
                          teilweise werden Farben nicht übernommen, wenn ich sie bei "Farben (dunkel)" ändere

                          dd725e99-37ea-4b33-b1ed-c1c67869e1fa-image.png

                          f0e82f13-8790-430a-8a09-bb3b87671231-image.png

                          Welche Farben genau (Datenpunkt)?
                          In der Runtime werden Sie auch nicht übernommen?

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

                          @Scrounger
                          das komplette Table Widget übernimmt nur die Daten von Farben, nicht von Farben (dunkel).
                          Oder habe ich da in der Beschreibung was falsch verstanden und muss die Einstelllungen unter Farben machen?
                          Aber für was ist dann der Reiter Farben (dunkel)?

                          In der Runtime werden sich auch nicht angezeigt

                          issue auf github ist erstellt, du kannst dir auch mal das Widget von der Eventlist anschauen, da ist es schon hinterlegt

                          Gruß
                          Oliver

                          ScroungerS 1 Reply Last reply
                          0
                          • D dos1973

                            @Scrounger
                            hi, ich habe kein Testsystem - aber ein Backup ;-)

                            wenn ich das jetzt über mein Produktives drüberinstallieren, passiert gleich etwas mit meinem aktuellen VIS? oder kann ich mit einer Kopie neu anfangen.

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

                            @dos1973

                            also bei mir ist die Vis gleichgeblieben, habe die neue Version einfach darüber installiert.

                            Gruß
                            Oliver

                            1 Reply Last reply
                            0
                            • O Oli

                              @Scrounger
                              das komplette Table Widget übernimmt nur die Daten von Farben, nicht von Farben (dunkel).
                              Oder habe ich da in der Beschreibung was falsch verstanden und muss die Einstelllungen unter Farben machen?
                              Aber für was ist dann der Reiter Farben (dunkel)?

                              In der Runtime werden sich auch nicht angezeigt

                              issue auf github ist erstellt, du kannst dir auch mal das Widget von der Eventlist anschauen, da ist es schon hinterlegt

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

                              @Oli sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                              @Scrounger
                              das komplette Table Widget übernimmt nur die Daten von Farben, nicht von Farben (dunkel).
                              Oder habe ich da in der Beschreibung was falsch verstanden und muss die Einstelllungen unter Farben machen?

                              Hast du schon richtig verstanden, Farben über die Adapter settings machen.

                              • Der Datenpunkt vis-materialdesign.0.colors.darkTheme steht auf true?
                              • Theme verwenden im Vis Editor beim table widget ausgeführt, siehe
                                https://github.com/Scrounger/ioBroker.vis-materialdesign#vis-editor-restore--update-old-widgets?
                              • was steht in der browser console (F12)
                              O 1 Reply Last reply
                              0
                              • ScroungerS Scrounger

                                @Oli sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                                @Scrounger
                                das komplette Table Widget übernimmt nur die Daten von Farben, nicht von Farben (dunkel).
                                Oder habe ich da in der Beschreibung was falsch verstanden und muss die Einstelllungen unter Farben machen?

                                Hast du schon richtig verstanden, Farben über die Adapter settings machen.

                                • Der Datenpunkt vis-materialdesign.0.colors.darkTheme steht auf true?
                                • Theme verwenden im Vis Editor beim table widget ausgeführt, siehe
                                  https://github.com/Scrounger/ioBroker.vis-materialdesign#vis-editor-restore--update-old-widgets?
                                • was steht in der browser console (F12)
                                O Online
                                O Online
                                Oli
                                wrote on last edited by Oli
                                #40

                                @Scrounger

                                Der Datenpunkt war der Übeltätet, danke

                                Kann ich den in den Einstellungen auch auf true setzen, oder geht das nur manuell?

                                Gruß
                                Oliver

                                ScroungerS 1 Reply Last reply
                                0
                                • O Oli

                                  @Scrounger

                                  Der Datenpunkt war der Übeltätet, danke

                                  Kann ich den in den Einstellungen auch auf true setzen, oder geht das nur manuell?

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

                                  @Oli sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                                  Kann ich den in den Einstellungen auch auf true setzen, oder geht das nur manuell?

                                  Geht aktuell nur manuell, aber das kann ich noch einbauen, nicht jeder will wahrscheinlich zwischen light und DARK bei Sonnenuntergang wechseln ;-)

                                  1 Reply Last reply
                                  0
                                  • ScroungerS Scrounger
                                    Aktuelle Test Version 0.4.2
                                    Veröffentlichungsdatum 29.12.2020
                                    Github Link https://github.com/Scrounger/ioBroker.vis-materialdesign

                                    Folgende Braeking Changes gibt es:

                                    • Line History Widget: Aggregation muss jetzt für jeden Datensatz eingestellt werden mehr dazu in der Dokumentation
                                    • Top App Bar Widget: Untermenüs müssen per json string definiert werden, mehr dazu in der Dokumentation

                                    Neben vielen Fehlerbehebungen und einigen von euch gewünschten Features hab ich einen Theme Editor eingebaut - ok ich nenne ihn Theme Editor, verwendet wird dafür aber die binding technik des vis adapter ;-)

                                    5e39c0e3-7627-400a-9eb6-b4852fb52478-grafik.png

                                    Wie das ganze funktioniert, findet ihr in der Dokumentation.

                                    Bin auf Euer Feedback gespannt!

                                    Bei Fehlern bitte consolen log (F12) mit posten!

                                    sigi234S Online
                                    sigi234S Online
                                    sigi234
                                    Forum Testing Most Active
                                    wrote on last edited by sigi234
                                    #42

                                    @Scrounger

                                    Hallo, wie kann ich beim Tooltip Layout die Einheit als Text Anhang für verschiedene DP anzeigen lassen?
                                    Trage ich da °C ein, wird es für alle DP angezeigt.

                                    Screenshot (2931).png

                                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                    Immer Daten sichern!

                                    D 1 Reply Last reply
                                    0
                                    • sigi234S sigi234

                                      @Scrounger

                                      Hallo, wie kann ich beim Tooltip Layout die Einheit als Text Anhang für verschiedene DP anzeigen lassen?
                                      Trage ich da °C ein, wird es für alle DP angezeigt.

                                      Screenshot (2931).png

                                      D Offline
                                      D Offline
                                      dos1973
                                      wrote on last edited by dos1973
                                      #43

                                      puuh,
                                      sieht gut komplex aus... muss da mal etwas rumprobieren

                                      Ok, ich weiß jetzt wie ich ein Widget Standard formatiere.

                                      Aber wie kann ich denn jetzt einem Widget weg vom Standard definieren welches dann auch hell/ dunkel reagiert? (darkTheme)

                                      1 Reply Last reply
                                      0
                                      • sigi234S sigi234

                                        @Scrounger

                                        Hallo, gibt es auch custom themes?
                                        Also selbst erstelle Themes die ich dann in Thema verwenden auswählen kann.

                                        D Offline
                                        D Offline
                                        dos1973
                                        wrote on last edited by
                                        #44

                                        @sigi234 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                                        @Scrounger

                                        Hallo, gibt es auch custom themes?
                                        Also selbst erstelle Themes die ich dann in Thema verwenden auswählen kann.

                                        ich glaube ich habe die gleiche Frage...

                                        ich habe das Style für "Button State vertical" erstellt, aber das bleibt ja dann für alle Widgets vom Typ "Button State vertical" identisch. Der Wechsel von light/dark funktioniert.

                                        aber wie kann ich denn ein weiteres Style dark light erstellen, wenn ich eine andere Farbe von ""Button State vertical" benötige?

                                        D ScroungerS 2 Replies Last reply
                                        0
                                        • D dos1973

                                          @sigi234 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

                                          @Scrounger

                                          Hallo, gibt es auch custom themes?
                                          Also selbst erstelle Themes die ich dann in Thema verwenden auswählen kann.

                                          ich glaube ich habe die gleiche Frage...

                                          ich habe das Style für "Button State vertical" erstellt, aber das bleibt ja dann für alle Widgets vom Typ "Button State vertical" identisch. Der Wechsel von light/dark funktioniert.

                                          aber wie kann ich denn ein weiteres Style dark light erstellen, wenn ich eine andere Farbe von ""Button State vertical" benötige?

                                          D Offline
                                          D Offline
                                          dos1973
                                          wrote on last edited by
                                          #45

                                          @Scrounger
                                          entweder ich mach etwas grundlegend falsch, aber so wüsste ich nicht we ich ein flexibles Design mehrfarbiges Design erstellen kann.

                                          kannst du noch etwas Hilfestellung leisten. thx

                                          D 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

                                          839

                                          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