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

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

  • 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 246.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.
  • ScroungerS Scrounger

    Hab jetzt noch die Material Design Icons library implementiert:
    014b8f6a-9312-4315-a313-6f75989ac037-grafik.png

    Ihr könnt anstatt ein Bild auszuwählen, aus dem dropdown menu ein icon auswählen. Ist noch nicht bei allen Widgets implementiert!
    Mehr dazu siehe:
    https://github.com/Scrounger/ioBroker.vis-materialdesign#material-design-icons-and-images

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

    Kannst du mir sagen wie ich das fixe? Habe zwar mal die Entwicklertools angeworfen, aber ich bekomme es selber nicht hin.

    Ja indem du dir den aktuellen master ziehst, habs behoben.

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

    @Oli
    ich wollte beim Input- und Auswahlwigdget die Höhe verändern, funktioniert aber leider nicht

    Das geht schon, aber die Widgets haben eine Mindesthöhe, damit das Layout funktioniert, ist so durch die verwendeten API vorgegeben.
    Per css kann man das aber sicher verbiegen - ob dann noch alles korrekt funktioniert kann ich nicht sagen.

    B Offline
    B Offline
    Buddinski88
    wrote on last edited by Buddinski88
    #518

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

    Hab jetzt noch die Material Design Icons library implementiert:
    014b8f6a-9312-4315-a313-6f75989ac037-grafik.png

    Ihr könnt anstatt ein Bild auszuwählen, aus dem dropdown menu ein icon auswählen. Ist noch nicht bei allen Widgets implementiert!
    Mehr dazu siehe:
    https://github.com/Scrounger/ioBroker.vis-materialdesign#material-design-icons-and-images

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

    Kannst du mir sagen wie ich das fixe? Habe zwar mal die Entwicklertools angeworfen, aber ich bekomme es selber nicht hin.

    Ja indem du dir den aktuellen master ziehst, habs behoben.

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

    @Oli
    ich wollte beim Input- und Auswahlwigdget die Höhe verändern, funktioniert aber leider nicht

    Das geht schon, aber die Widgets haben eine Mindesthöhe, damit das Layout funktioniert, ist so durch die verwendeten API vorgegeben.
    Per css kann man das aber sicher verbiegen - ob dann noch alles korrekt funktioniert kann ich nicht sagen.

    Super, vielen Dank. Jetzt klappt es auch richtig :-)

    Edit: Jetzt habe ich die Seite mal neu geladen und nun kommt wieder Keyboard... Cache gelöscht, Instanz neu geladen. Nachvollziehbar mit aktuellem Master auf dem PC/Chrome und iPhone/Safari.

    31b749fb-128c-44b9-b9d2-e1d2d6663846-image.png
    5dd9ab69-6376-4e6a-8de8-b28cc9b32ab8-image.png

    Kann ich dir noch mehr Informationen bereitstellen?

    ScroungerS 1 Reply Last reply
    0
    • B Buddinski88

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

      Hab jetzt noch die Material Design Icons library implementiert:
      014b8f6a-9312-4315-a313-6f75989ac037-grafik.png

      Ihr könnt anstatt ein Bild auszuwählen, aus dem dropdown menu ein icon auswählen. Ist noch nicht bei allen Widgets implementiert!
      Mehr dazu siehe:
      https://github.com/Scrounger/ioBroker.vis-materialdesign#material-design-icons-and-images

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

      Kannst du mir sagen wie ich das fixe? Habe zwar mal die Entwicklertools angeworfen, aber ich bekomme es selber nicht hin.

      Ja indem du dir den aktuellen master ziehst, habs behoben.

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

      @Oli
      ich wollte beim Input- und Auswahlwigdget die Höhe verändern, funktioniert aber leider nicht

      Das geht schon, aber die Widgets haben eine Mindesthöhe, damit das Layout funktioniert, ist so durch die verwendeten API vorgegeben.
      Per css kann man das aber sicher verbiegen - ob dann noch alles korrekt funktioniert kann ich nicht sagen.

      Super, vielen Dank. Jetzt klappt es auch richtig :-)

      Edit: Jetzt habe ich die Seite mal neu geladen und nun kommt wieder Keyboard... Cache gelöscht, Instanz neu geladen. Nachvollziehbar mit aktuellem Master auf dem PC/Chrome und iPhone/Safari.

      31b749fb-128c-44b9-b9d2-e1d2d6663846-image.png
      5dd9ab69-6376-4e6a-8de8-b28cc9b32ab8-image.png

      Kann ich dir noch mehr Informationen bereitstellen?

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

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

      Kann ich dir noch mehr Informationen bereitstellen?

      hmm bei mir funktioniert das auf Firefox, Chrome & safari. Was steht in der console vom Browser?

      führ mal ein iobroker upload vis aus und iobroker restart machen.

      Wenn das nichts hilft, dann adapter komplett deinstallieren und folgende Dateien / ordner von hand löschen:

      • \iobroker-data\files\vis\widgets -> materialdesign ordner & materialdesign.html löschen
      • \node_modules\iobroker.vis\www\widgets -> materialdesign ordner & materialdesign.html löschen

      dann neu installieren.

      1 Reply Last reply
      0
      • IccubeI Offline
        IccubeI Offline
        Iccube
        wrote on last edited by
        #520

        Hallo @Scrounger ,

        erstmal Top Arbeit deine Widgets gefallen mir mega.:+1: :grinning:

        Habe die Schriftart wie @Buddinski88 unter CSS geändert dabei wird beim Widget Top Appbar das Symbol
        für das listenelement nicht mehr angezeigt.
        Menu.png
        css.png

        Kann ich das irgendwie wieder korrigieren ?

        Grüße Lukas

        ScroungerS 1 Reply Last reply
        0
        • IccubeI Iccube

          Hallo @Scrounger ,

          erstmal Top Arbeit deine Widgets gefallen mir mega.:+1: :grinning:

          Habe die Schriftart wie @Buddinski88 unter CSS geändert dabei wird beim Widget Top Appbar das Symbol
          für das listenelement nicht mehr angezeigt.
          Menu.png
          css.png

          Kann ich das irgendwie wieder korrigieren ?

          Grüße Lukas

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

          @Icube
          externe Schriftarten herunterladen im Browser ist aktiviert?

          IccubeI D 4 Replies Last reply
          0
          • ScroungerS Scrounger

            @Icube
            externe Schriftarten herunterladen im Browser ist aktiviert?

            IccubeI Offline
            IccubeI Offline
            Iccube
            wrote on last edited by
            #522

            @Scrounger konnte die Einstellung nicht im Browser finden benutze Firefox.
            Beim Handy und Tablet ist es genauso da nutze ich chrome.

            1 Reply Last reply
            0
            • ScroungerS Scrounger

              @Icube
              externe Schriftarten herunterladen im Browser ist aktiviert?

              IccubeI Offline
              IccubeI Offline
              Iccube
              wrote on last edited by
              #523

              @Scrounger doch gefunden ist aktivschrift.png

              1 Reply Last reply
              0
              • ScroungerS Scrounger

                @Icube
                externe Schriftarten herunterladen im Browser ist aktiviert?

                IccubeI Offline
                IccubeI Offline
                Iccube
                wrote on last edited by Iccube
                #524

                @Scrounger hilft dir das weiter ?
                fehler.png

                1 Reply Last reply
                0
                • ScroungerS Scrounger

                  @Icube
                  externe Schriftarten herunterladen im Browser ist aktiviert?

                  D Online
                  D Online
                  darkiop
                  Most Active
                  wrote on last edited by
                  #525

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

                  @Icube
                  externe Schriftarten herunterladen im Browser ist aktiviert?

                  Ich habe gerade festgestellt das ich das auch ab und zu habe:

                  8b2639ef-4711-42fd-bd09-5708b1320b5a-grafik.png

                  04fe4b11-b0f1-464d-ae71-59cb577c3848-grafik.png

                  Das scheint immer dann zu sein, wenn man eine Unterseite im View in Widget 8 geladen hat. Wechselt man wieder auf Ebene 1 und lädt alles neu wird der Pfeil wieder angezeigt. Die Meldungen im Log sind in beiden Fällen die selben.

                  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 sagte in Test Adapter Material Design Widgets v0.2.x:

                    @Icube
                    externe Schriftarten herunterladen im Browser ist aktiviert?

                    Ich habe gerade festgestellt das ich das auch ab und zu habe:

                    8b2639ef-4711-42fd-bd09-5708b1320b5a-grafik.png

                    04fe4b11-b0f1-464d-ae71-59cb577c3848-grafik.png

                    Das scheint immer dann zu sein, wenn man eine Unterseite im View in Widget 8 geladen hat. Wechselt man wieder auf Ebene 1 und lädt alles neu wird der Pfeil wieder angezeigt. Die Meldungen im Log sind in beiden Fällen die selben.

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

                    @darkiop @icecube

                    So hab den fehler mit dem keyarrow gefunden und behoben. aktuellen master testen -> v0.2.43.

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

                    @Scrounger

                    Jupp, autocomplete

                    DIe version enthält auch schon ne beta vom autocomplete. Funktion sollte gehen, fehlen nur ein paar styling optionen.
                    Extra nur für Dich ;)

                    IccubeI I D 3 Replies Last reply
                    1
                    • ScroungerS Scrounger

                      @darkiop @icecube

                      So hab den fehler mit dem keyarrow gefunden und behoben. aktuellen master testen -> v0.2.43.

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

                      @Scrounger

                      Jupp, autocomplete

                      DIe version enthält auch schon ne beta vom autocomplete. Funktion sollte gehen, fehlen nur ein paar styling optionen.
                      Extra nur für Dich ;)

                      IccubeI Offline
                      IccubeI Offline
                      Iccube
                      wrote on last edited by
                      #527

                      @Scrounger leider ist der fehler immer noch da
                      fehler.png vis.png

                      1 Reply Last reply
                      0
                      • ScroungerS Scrounger

                        @darkiop @icecube

                        So hab den fehler mit dem keyarrow gefunden und behoben. aktuellen master testen -> v0.2.43.

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

                        @Scrounger

                        Jupp, autocomplete

                        DIe version enthält auch schon ne beta vom autocomplete. Funktion sollte gehen, fehlen nur ein paar styling optionen.
                        Extra nur für Dich ;)

                        I Offline
                        I Offline
                        intruder7
                        wrote on last edited by
                        #528

                        @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 1 Reply Last reply
                        0
                        • ScroungerS Scrounger

                          @darkiop @icecube

                          So hab den fehler mit dem keyarrow gefunden und behoben. aktuellen master testen -> v0.2.43.

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

                          @Scrounger

                          Jupp, autocomplete

                          DIe version enthält auch schon ne beta vom autocomplete. Funktion sollte gehen, fehlen nur ein paar styling optionen.
                          Extra nur für Dich ;)

                          D Online
                          D Online
                          darkiop
                          Most Active
                          wrote on last edited by
                          #529

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

                          @darkiop @icecube

                          So hab den fehler mit dem keyarrow gefunden und behoben. aktuellen master testen -> v0.2.43.

                          Der Fehler scheint behoben. Allerdings werden nun die Line charts nicht mehr gerendert. Log kann ich ggf. später nachliefern.

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

                          1 Reply Last reply
                          0
                          • 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 Offline
                            I Offline
                            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 Online
                              D Online
                              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 Online
                                  D Online
                                  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 Offline
                                    I Offline
                                    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 Offline
                                      I Offline
                                      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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          579

                                          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