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
    895

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

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.
  • S Offline
    S Offline
    skokarl
    wrote on last edited by
    #351

    Moin...alle wach ? :grimacing:

    bin ich zu blöd, oder kann man die Höhe des Listenelementes tatsächlich nicht verkleinern ?
    Mir ist das viel zu hoch ....

    1.PNG

    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
    1
    • S Offline
      S Offline
      skokarl
      wrote on last edited by
      #352

      noch ne Frage.... ich brauche einen Taster....
      hab ich den übersehen, oder gibt es aktuell keinen ?

      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
      • M MarEhg

        @matschkopf
        Bei mir auch nicht richtig (kein sliden, nur Klick) -> Lenovo M10 Tablet

        D Offline
        D Offline
        dibide
        wrote on last edited by
        #353

        @MarEhg
        Ist bei mir auch so, ich bekomme den Slider einfach nicht gegriffen (Samsung S7). Klicken in einen freien Bereich geht, aber dann kommt man nie auf den Wert den man einstellen möchte :blush:
        Bei den halbrunden Slidern funktioniert das, aber die bekomme ich nicht sinnvoll in meiner Visualisierung untergbracht. :confused:

        D 1 Reply Last reply
        1
        • D dibide

          @MarEhg
          Ist bei mir auch so, ich bekomme den Slider einfach nicht gegriffen (Samsung S7). Klicken in einen freien Bereich geht, aber dann kommt man nie auf den Wert den man einstellen möchte :blush:
          Bei den halbrunden Slidern funktioniert das, aber die bekomme ich nicht sinnvoll in meiner Visualisierung untergbracht. :confused:

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

          @Scrounger
          mit der neuen TopApp Bar stimmt die Doku für die Submenüs nicht mehr, oder?

          anders ausgedrückt, ich bekomme es nicht hin... ;-) ich wäre für ein Hilfestellung (1-2 Screenshots) sehr dankbar

          D 1 Reply Last reply
          0
          • D dos1973

            @Scrounger
            mit der neuen TopApp Bar stimmt die Doku für die Submenüs nicht mehr, oder?

            anders ausgedrückt, ich bekomme es nicht hin... ;-) ich wäre für ein Hilfestellung (1-2 Screenshots) sehr dankbar

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

            @dos1973 Nein, die Doku ist noch nicht aktuell.

            Hier ein Beispiel Projekt: 2020-01-01-test.zip

            Für die beiden Widgets ( Top App Bar + View in Widget 8 ) musst du noch einen Datenpunkt Typ Zahl erstellen und vergeben.

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

            D 1 Reply Last reply
            1
            • D darkiop

              @dos1973 Nein, die Doku ist noch nicht aktuell.

              Hier ein Beispiel Projekt: 2020-01-01-test.zip

              Für die beiden Widgets ( Top App Bar + View in Widget 8 ) musst du noch einen Datenpunkt Typ Zahl erstellen und vergeben.

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

              @darkiop

              Dank dir, schau ich mir an.
              Mit gehts nur um die submenüs

              SteffS 1 Reply Last reply
              0
              • S Offline
                S Offline
                skokarl
                wrote on last edited by skokarl
                #357

                Wie macht man die Dialog View sichtbar ?
                Auch mit ner Objekt ID ?... Zahl ?

                erledigt. OID, true/false
                Problem war, dass das Feld manchmal den Eintrag nicht übernimmt.
                Da muss man mehrmals probieren oder ggf. erst was anderes nehmen.
                1.PNG

                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
                • D dos1973

                  @darkiop

                  Dank dir, schau ich mir an.
                  Mit gehts nur um die submenüs

                  SteffS Offline
                  SteffS Offline
                  Steff
                  wrote on last edited by
                  #358

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

                  Mit gehts nur um die submenüs

                  Genau an dem Punkt hänge ich gerade auch.

                  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
                  • D Offline
                    D Offline
                    dos1973
                    wrote on last edited by dos1973
                    #359

                    das mit den Submenü ist aber arg kompliziert geworden.
                    Habe ich das richtig verstanden der zählt die einfach

                    Bildschirmfoto 2020-01-01 um 19.31.31.png

                    in dem Fall hatt der Wert 0 als Submenü die 1 und die 2

                    der nächste Eintrag wäre die 3, wenn ich da 2 Untermenüs haben will haben, diese die 4 und 5.

                    stimmt da so?

                    nachträglich etwas am Menübaum ändern wird schwer.

                    Edit:
                    die Reihenfolge muss dann im Widget 8 Adapter von oben nach unten inkl Submenüs numerisch definiert werden.
                    Bildschirmfoto 2020-01-01 um 19.43.44.png

                    D 1 Reply Last reply
                    0
                    • D dos1973

                      das mit den Submenü ist aber arg kompliziert geworden.
                      Habe ich das richtig verstanden der zählt die einfach

                      Bildschirmfoto 2020-01-01 um 19.31.31.png

                      in dem Fall hatt der Wert 0 als Submenü die 1 und die 2

                      der nächste Eintrag wäre die 3, wenn ich da 2 Untermenüs haben will haben, diese die 4 und 5.

                      stimmt da so?

                      nachträglich etwas am Menübaum ändern wird schwer.

                      Edit:
                      die Reihenfolge muss dann im Widget 8 Adapter von oben nach unten inkl Submenüs numerisch definiert werden.
                      Bildschirmfoto 2020-01-01 um 19.43.44.png

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

                      @dos1973 ja. genau. du musst den index entsprechend hochzählen.

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

                      1 Reply Last reply
                      0
                      • M MarEhg

                        @Scrounger

                        Hier hast Du ein Beispiel. Ich habe, da Du bestimmt keine WebCam zur Verfügung hast, einen Countdown eingefügt.
                        Bei V0.2.22 wird der untere Zähler immer aktualisiert und kommt daher nicht unter 0:10.
                        Bei V0.2.25 zählt er runter da die Aktualisierung nicht geht.

                        2019-12-31-DemoAktualisierung.zip

                        Bei Fragen melde dich! :face_with_rolling_eyes:

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

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

                        Bei V0.2.22 wird der untere Zähler immer aktualisiert und kommt daher nicht unter 0:10.
                        Bei V0.2.25 zählt er runter da die Aktualisierung nicht geht.

                        Aktualisierung funktioniert wie es soll. Habs auch mit nem i-frame getestet, geht.

                        refresh.gif

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

                        das mit den Submenü ist aber arg kompliziert geworden.

                        Ja es ist etwas komplizierter geworden.
                        Deshalb hab ich ja auch die Funktion eingeführt

                        8c19621d-3446-42d2-8398-c75d57e48c9f-grafik.png

                        Damit wird euch bei jedem Menü Entrag die Nummer angezeigt, die ihr im view in widget 8 verwenden müsst.

                        0debfe97-adba-434b-a51c-9296b0e26819-grafik.png

                        Tipp im Editor bei der konfiguration die Navigation erstzmal auf das layout permanent stellen. Wenn ihr fertig seid dann wieder modal asuwählen, so sehr ihr die Nummern der Menü Einträge direkt im Editor.

                        M 1 Reply Last reply
                        0
                        • ScroungerS Scrounger

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

                          Bei V0.2.22 wird der untere Zähler immer aktualisiert und kommt daher nicht unter 0:10.
                          Bei V0.2.25 zählt er runter da die Aktualisierung nicht geht.

                          Aktualisierung funktioniert wie es soll. Habs auch mit nem i-frame getestet, geht.

                          refresh.gif

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

                          das mit den Submenü ist aber arg kompliziert geworden.

                          Ja es ist etwas komplizierter geworden.
                          Deshalb hab ich ja auch die Funktion eingeführt

                          8c19621d-3446-42d2-8398-c75d57e48c9f-grafik.png

                          Damit wird euch bei jedem Menü Entrag die Nummer angezeigt, die ihr im view in widget 8 verwenden müsst.

                          0debfe97-adba-434b-a51c-9296b0e26819-grafik.png

                          Tipp im Editor bei der konfiguration die Navigation erstzmal auf das layout permanent stellen. Wenn ihr fertig seid dann wieder modal asuwählen, so sehr ihr die Nummern der Menü Einträge direkt im Editor.

                          M Offline
                          M Offline
                          MarEhg
                          wrote on last edited by MarEhg
                          #362

                          @smart86 @Scrounger
                          Bei mir läuft das System auf einem Raspi3.
                          Ich habe definitiv Probleme mit der Aktualisierung. Gehe ich zurück auf die V0.2.22 geht wieder alles. Neben dem System (worauf läuft ioBroker bei Euch?) gibt es noch andere Einflussgrössen. Welche VIS-Version verwendest Du? Latest-Master?
                          Ich kann mir das sonst kaum noch erklären.🙁

                          Meine Umgebung lässt dann die Nutzung der neuesten Version nicht zu. Schade. Aber danke für‘s mal drauf gucken. 🧐

                          ScroungerS 2 Replies Last reply
                          0
                          • M MarEhg

                            @smart86 @Scrounger
                            Bei mir läuft das System auf einem Raspi3.
                            Ich habe definitiv Probleme mit der Aktualisierung. Gehe ich zurück auf die V0.2.22 geht wieder alles. Neben dem System (worauf läuft ioBroker bei Euch?) gibt es noch andere Einflussgrössen. Welche VIS-Version verwendest Du? Latest-Master?
                            Ich kann mir das sonst kaum noch erklären.🙁

                            Meine Umgebung lässt dann die Nutzung der neuesten Version nicht zu. Schade. Aber danke für‘s mal drauf gucken. 🧐

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

                            @MarEhg
                            Also im Editor wird es natürlich nicht aktualisiert, sondern nur zur Laufzeit.
                            Denke eher das da irgendwo in deiner Vis der Fehler ist, evtl. irgendwelche css klassen?
                            Was steht denn in der console des browser, evtl. wird auch einfach die seite geblockt?

                            Meine Konfig:

                            • vis aus latest repo
                            • Produktiv System: Intel Nuc mit Promox, iobroker läuft in nem LXC mit ubuntu 18.04.
                            • Entwicklung-System: iobroker mit Windows 10 auf nem lapi
                            M 2 Replies Last reply
                            0
                            • ScroungerS Offline
                              ScroungerS Offline
                              Scrounger
                              Developer
                              wrote on last edited by Scrounger
                              #364

                              Ich hab ein weiteres Widget erstellt - Column Views Widget.
                              Dieses Widget ordnet eine anzahl von konfigurierbaren view in widget in einem Spaltenlayout automatisch an.
                              Das kann man dann z.B. dafür verwenden, um ein "responsiv" VIS layout für Desktop, Tablet und Handy zu realisieren. Die Idee dafür basiert auf der Anleitung [HowTo] "responisve" layout, die ich vor ein paar Tagen mal gepostet hatte, mit dem Vorteil das man sich die Spalten Views sparen kann und die Verschachtelung der einzelnen Views einfach ist.

                              column_views.gif

                              Ladet euch am bestenen das Material Design Beispiel Projekt herunter, da seht ihr wie man das realisieren kann.
                              Und lest Euch die Doku dazu durch!

                              Bitte den aktuellen master testen (0.2.27)

                              S O 2 Replies Last reply
                              0
                              • ScroungerS Scrounger

                                Ich hab ein weiteres Widget erstellt - Column Views Widget.
                                Dieses Widget ordnet eine anzahl von konfigurierbaren view in widget in einem Spaltenlayout automatisch an.
                                Das kann man dann z.B. dafür verwenden, um ein "responsiv" VIS layout für Desktop, Tablet und Handy zu realisieren. Die Idee dafür basiert auf der Anleitung [HowTo] "responisve" layout, die ich vor ein paar Tagen mal gepostet hatte, mit dem Vorteil das man sich die Spalten Views sparen kann und die Verschachtelung der einzelnen Views einfach ist.

                                column_views.gif

                                Ladet euch am bestenen das Material Design Beispiel Projekt herunter, da seht ihr wie man das realisieren kann.
                                Und lest Euch die Doku dazu durch!

                                Bitte den aktuellen master testen (0.2.27)

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

                                @Scrounger

                                Lieber Scrounger,

                                wir brauchen das Input Widget,.....

                                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
                                1
                                • ScroungerS Scrounger

                                  @MarEhg
                                  Also im Editor wird es natürlich nicht aktualisiert, sondern nur zur Laufzeit.
                                  Denke eher das da irgendwo in deiner Vis der Fehler ist, evtl. irgendwelche css klassen?
                                  Was steht denn in der console des browser, evtl. wird auch einfach die seite geblockt?

                                  Meine Konfig:

                                  • vis aus latest repo
                                  • Produktiv System: Intel Nuc mit Promox, iobroker läuft in nem LXC mit ubuntu 18.04.
                                  • Entwicklung-System: iobroker mit Windows 10 auf nem lapi
                                  M Offline
                                  M Offline
                                  MarEhg
                                  wrote on last edited by
                                  #366

                                  @Scrounger
                                  Ich setze grade mal ein Test-System aus einem weiterem Raspi auf. Werde alles auf LatestRepo setzen. (Vis, Web, Material Design Widgets).
                                  Ich will ausschließen, dass es an meiner Konfiguration liegt. CSS habe ich keine. Mal sehen. 🧐

                                  Welche Console meinst Du? Vom Browser? Ich benutze Chrome. Muss ich außer den Entwickler Tools was aktivieren? Gibt es irgendwo eine Erklärung? Habe über die Suche leider nicht wirklich was finden können. 😕

                                  ScroungerS 1 Reply Last reply
                                  0
                                  • M MarEhg

                                    @Scrounger
                                    Ich setze grade mal ein Test-System aus einem weiterem Raspi auf. Werde alles auf LatestRepo setzen. (Vis, Web, Material Design Widgets).
                                    Ich will ausschließen, dass es an meiner Konfiguration liegt. CSS habe ich keine. Mal sehen. 🧐

                                    Welche Console meinst Du? Vom Browser? Ich benutze Chrome. Muss ich außer den Entwickler Tools was aktivieren? Gibt es irgendwo eine Erklärung? Habe über die Suche leider nicht wirklich was finden können. 😕

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

                                    @MarEhg
                                    Ja ich meine die Console vom browser.

                                    Da ich nicht mit Chrome entwickel, sondern mit Firefox, kann ich dir nicht dazu viel sagen. Aber mein guter Freund Mr. Google weiß da einiges zu ;)
                                    https://www.google.de/search?&q=chrome+debug+console

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

                                      @Scrounger ich hab da noch ein paar ideen für deine widgets:

                                      history charts

                                      • oid mit DP schaltbar machen
                                      • bar history chart
                                      • bei den history charts über DP Start / Ende Zeit der Selektion setzen

                                      value select

                                      • 'inhalt' des selects über einen DP (String/Liste)

                                      Was meinst du dazu? Macht Sinn das ich auf Github Issues dafür anlege?

                                      Schönen Abend,
                                      Grüße Thorsten

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

                                      ScroungerS 1 Reply Last reply
                                      0
                                      • ScroungerS Scrounger

                                        @MarEhg
                                        Also im Editor wird es natürlich nicht aktualisiert, sondern nur zur Laufzeit.
                                        Denke eher das da irgendwo in deiner Vis der Fehler ist, evtl. irgendwelche css klassen?
                                        Was steht denn in der console des browser, evtl. wird auch einfach die seite geblockt?

                                        Meine Konfig:

                                        • vis aus latest repo
                                        • Produktiv System: Intel Nuc mit Promox, iobroker läuft in nem LXC mit ubuntu 18.04.
                                        • Entwicklung-System: iobroker mit Windows 10 auf nem lapi
                                        M Offline
                                        M Offline
                                        MarEhg
                                        wrote on last edited by MarEhg
                                        #369

                                        @Scrounger
                                        ich bin mit meinem Latein am Ende!

                                        Bei mir aktualisiert er nicht!
                                        Ich habe alles von Scratch installiert.
                                        Gehe ich zurück auf die 0.2.22 geht die Aktualisierung wieder!

                                        Neu aufgesetztes System:
                                        iobroker version --> 2.1.1
                                        Adapter "admin" : 3.7.5 , installed 3.7.5
                                        Adapter "web" : 2.4.10 , installed 2.4.10
                                        Adapter "vis-materialdesign": 0.2.22 , installed 0.2.27
                                        Adapter "vis" : 1.2.3 , installed 1.2.3
                                        Adapter "socketio" : 2.1.2 , installed 2.1.2
                                        Adapter "simple-api" : 2.3.2 , installed 2.3.2
                                        Adapter "javascript" : 4.3.4 , installed 4.3.4
                                        Controller "js-controller" : 2.1.1 , installed 2.1.1

                                        NPM : v6.13.4

                                        2020-01-02 22-27-31.2020-01-02 22_34_30.gif.zip

                                        1 Reply Last reply
                                        0
                                        • D darkiop

                                          @Scrounger ich hab da noch ein paar ideen für deine widgets:

                                          history charts

                                          • oid mit DP schaltbar machen
                                          • bar history chart
                                          • bei den history charts über DP Start / Ende Zeit der Selektion setzen

                                          value select

                                          • 'inhalt' des selects über einen DP (String/Liste)

                                          Was meinst du dazu? Macht Sinn das ich auf Github Issues dafür anlege?

                                          Schönen Abend,
                                          Grüße Thorsten

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

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

                                          Was meinst du dazu? Macht Sinn das ich auf Github Issues dafür anlege?

                                          Klar macht sicher Sinn, muss sich halt nur jemand finden, der das dann auch umsetzt.
                                          Solange ich diese Features selber nicht benötige, werde ich sie auch nicht umsetzen, da das sehr viel Zeit kostet.

                                          Und die Issues / Features müssen verständlich sein, weil

                                          • oid mit DP schaltbar machen

                                          Versteh ich nicht.

                                          • bei den history charts über DP Start / Ende Zeit der Selektion setzen

                                          Versteh ich nicht, bzw. geht doch schon das Zeitinterval per Datenpunkt zu ändern.
                                          Mir ist auch kein Usecase ersichtlich warum man das in ner vis benötigen würden. Will man detaillierte Infos dann geht man an den Rechner und schaut sich es per Flot / Grafana oder direkt in der DB an.

                                          value select

                                          • 'inhalt' des selects über einen DP (String/Liste)

                                          Gibts schon https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/25

                                          @MarEhg
                                          Was steht in der console?
                                          Das kopieren von Dateien kann schief gehen, immer per npm install die adapter installieren, evtl ist das ja der Grund.

                                          Auch im Beispiel Projekt funktioniert es:
                                          http://iobroker.click:8082/vis/index.html?Material Design Widgets#0_Start

                                          M D 2 Replies 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

                                          534

                                          Online

                                          32.6k

                                          Users

                                          82.1k

                                          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