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.
  • I intruder7

    @Scrounger
    Hallo, die Idee mit der bedingten Sichtbarkeit im Mansory View finde ich gut nur bekomme ich sie bei mir nicht zum laufen. Hab als Beispiel ein Projekt angehangen.
    Was möchte ich erreichen....
    Ich habe eine Spalte und 2 Views. Im Querformat lasse ich die Views mit einer Breite von 20% und 79% anzeigen damit sie nebeneinander angezeigt werden. Im Hochformat sollen die beiden Views ausgeblendet und zwei andere( eigentlich die selben) nur mit 100% angezeigt werden Damit sie untereinander erscheinen. Ich bekomme dies einfach nicht hin. Bei den entwicklertools werden die Container auch angezeigt nur ohne Inhalt. dort hat er auch einen Fehler in der Console

    jquery-1.11.2.min.js:3 GET http://192.168.100.85:8082/vis/undefined 404 (Not Found)
    Jb @ jquery-1.11.2.min.js:3
    css @ jquery-1.11.2.min.js:3
    U @ jquery-1.11.2.min.js:3
    Vb @ jquery-1.11.2.min.js:3
    show @ jquery-1.11.2.min.js:3
    m.fn.<computed> @ jquery-1.11.2.min.js:4
    (anonymous) @ jquery-ui-1.11.4.full.min.js:13
    (anonymous) @ vis.js:921
    renderViews @ vis.js:754
    (anonymous) @ vis.js:760
    (anonymous) @ vis.js:943
    setTimeout (async)
    (anonymous) @ vis.js:941
    subscribeStates @ vis.js:2714
    renderView @ vis.js:797
    renderViews @ vis.js:759
    (anonymous) @ vis.js:760
    (anonymous) @ vis.js:943
    setTimeout (async)
    (anonymous) @ vis.js:941
    subscribeStates @ vis.js:2714
    renderView @ vis.js:797
    renderViews @ vis.js:759
    (anonymous) @ vis.js:760
    (anonymous) @ vis.js:943
    setTimeout (async)
    (anonymous) @ vis.js:941
    (anonymous) @ vis.js:2738
    (anonymous) @ conn.js:730
    n.onack @ universalModuleDefinition:3
    n.onpacket @ universalModuleDefinition:3
    (anonymous) @ universalModuleDefinition:3
    n.emit @ universalModuleDefinition:2
    n.ondecoded @ universalModuleDefinition:1
    (anonymous) @ universalModuleDefinition:3
    r.emit @ universalModuleDefinition:1
    s.add @ universalModuleDefinition:1
    n.ondata @ universalModuleDefinition:1
    (anonymous) @ universalModuleDefinition:3
    n.emit @ universalModuleDefinition:2
    n.onPacket @ universalModuleDefinition:2
    (anonymous) @ universalModuleDefinition:2
    n.emit @ universalModuleDefinition:2
    n.onPacket @ universalModuleDefinition:2
    n.onData @ universalModuleDefinition:2
    ws.onmessage @ universalModuleDefinition:3
    


    Probiert habe ich es mit Tab A (1280x800) sowie am Rechner und Handy

    2020-02-03-test2.zip

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

    @intruder7

    Geht nicht weil du die views zweimal verwendest, ist ne Beschränkung vom view in widget.
    Und weil du natürlich für Handy und Tablet Auflösung die Anzahl der Spalten auch auf 1 setzen musst, hier ist standardmäßig 2 und 3 eingestellt!
    Deshalb hab ich den Auflösung Assitenten eingebaut, da sieht man sowas genau ;)

    I 1 Reply Last reply
    0
    • ScroungerS Scrounger

      @intruder7

      Geht nicht weil du die views zweimal verwendest, ist ne Beschränkung vom view in widget.
      Und weil du natürlich für Handy und Tablet Auflösung die Anzahl der Spalten auch auf 1 setzen musst, hier ist standardmäßig 2 und 3 eingestellt!
      Deshalb hab ich den Auflösung Assitenten eingebaut, da sieht man sowas genau ;)

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

      @Scrounger
      Okay da wird es dann an der Beschränkung vom view in widget liegen.
      Nur die Logic bei den Spalten erschliesst sich mir nicht. Logisch wäre, wenn ich oben die Anzahl der Spalten auf eins setze gilt es für alles (Handy ,Tablet..) solange ich unten was anderes angebe.

      Edit: Mit jeweils einer Copy der Views funktioniert es. Macht das Projekt und die zu ladende Datenmenge nur unnötig größer

      ScroungerS 1 Reply Last reply
      0
      • I intruder7

        @Scrounger
        Okay da wird es dann an der Beschränkung vom view in widget liegen.
        Nur die Logic bei den Spalten erschliesst sich mir nicht. Logisch wäre, wenn ich oben die Anzahl der Spalten auf eins setze gilt es für alles (Handy ,Tablet..) solange ich unten was anderes angebe.

        Edit: Mit jeweils einer Copy der Views funktioniert es. Macht das Projekt und die zu ladende Datenmenge nur unnötig größer

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

        @intruder7
        Oben wird die Anzahl für Desktop Auflösung eingeben.
        Für Handy & Tablet sind default Werte hinterlegt die bei einem Großteil der heutigen Handy / Tablets passt und vorallem für mich passt ;)
        Damit man die Logik versteht, hab ich ja extra den Auflösungsassitenten eingebaut, steht auch so in der Doku.
        Weil im Editor sieht man auch nicht die korrekte Auflösung zur Runtime weil die Frames von den Einstellungen und Widgetauswahl abgezogen werden.

        I 1 Reply Last reply
        0
        • ScroungerS Scrounger

          @intruder7
          Oben wird die Anzahl für Desktop Auflösung eingeben.
          Für Handy & Tablet sind default Werte hinterlegt die bei einem Großteil der heutigen Handy / Tablets passt und vorallem für mich passt ;)
          Damit man die Logik versteht, hab ich ja extra den Auflösungsassitenten eingebaut, steht auch so in der Doku.
          Weil im Editor sieht man auch nicht die korrekte Auflösung zur Runtime weil die Frames von den Einstellungen und Widgetauswahl abgezogen werden.

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

          @Scrounger :+1:

          1 Reply Last reply
          0
          • I Offline
            I Offline
            intruder7
            wrote on last edited by
            #669

            @Scrounger Noch eine Frage....
            ist es möglich im Masonry View Widget für die Viewbreite auch eine Berechnung einzugeben?
            z.B. calc(50% - 12px)
            aktuell geht es nicht.

            ScroungerS 1 Reply Last reply
            0
            • I intruder7

              @Scrounger Noch eine Frage....
              ist es möglich im Masonry View Widget für die Viewbreite auch eine Berechnung einzugeben?
              z.B. calc(50% - 12px)
              aktuell geht es nicht.

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

              @intruder7
              habs eingebaut.

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

              @Scrounger

              Hallo, die Rahmenfarbe wird bei mir nur Horizontal gesetzt . Ich habe keine Vertikale. (nur in Monatsansicht)

              Screenshot (1520).png

              Ist auch behoben.

              I 1 Reply Last reply
              1
              • S Offline
                S Offline
                skokarl
                wrote on last edited by
                #671

                Wo ist das Kalenderwidget ?
                Ich seh das nicht im Editor .....

                Wie sieht das aus ?

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

                  @intruder7
                  habs eingebaut.

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

                  @Scrounger

                  Hallo, die Rahmenfarbe wird bei mir nur Horizontal gesetzt . Ich habe keine Vertikale. (nur in Monatsansicht)

                  Screenshot (1520).png

                  Ist auch behoben.

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

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

                  @intruder7
                  habs eingebaut.

                  geht nicht :disappointed:
                  600cba29-c90e-429a-84e1-3b1188ce6098-image.png
                  bei width Angaben mit Berechnung wird es nicht übernommen

                  b3f3e8ca-8f5c-4cd5-8489-c3fa089b2995-image.png
                  bei Angabe von z.B. nur 80% wird es übernommen.

                  8fd682bf-047c-46f1-828e-7f206dc9621d-image.png

                  1 Reply Last reply
                  0
                  • I Offline
                    I Offline
                    intruder7
                    wrote on last edited by
                    #673

                    @Scrounger
                    Geht doch jetzt. Das ist aber auch doof. Mal reicht ein normaler Adapterupdate mit nochmaligem upload. Dann gehts wieder erst nach einem ioBroker Neustart.
                    Das hatte ich jetzt alles gemacht.
                    Dann hab ich mir gedacht, gibts mal in der Konsole "ioBroker upload vis" ein. Und danach ging es dann. Die ganze Updategeschichte ist irgendwie noch nicht so wie sie sein soll.

                    ScroungerS 1 Reply Last reply
                    0
                    • I intruder7

                      @Scrounger
                      Geht doch jetzt. Das ist aber auch doof. Mal reicht ein normaler Adapterupdate mit nochmaligem upload. Dann gehts wieder erst nach einem ioBroker Neustart.
                      Das hatte ich jetzt alles gemacht.
                      Dann hab ich mir gedacht, gibts mal in der Konsole "ioBroker upload vis" ein. Und danach ging es dann. Die ganze Updategeschichte ist irgendwie noch nicht so wie sie sein soll.

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

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

                      Dann hab ich mir gedacht, gibts mal in der Konsole "ioBroker upload vis" ein. Und danach ging es dann. Die ganze Updategeschichte ist irgendwie noch nicht so wie sie sein soll.

                      Also ich hab drei systeme (win & ubuntu) und da funktioniert das einwandfrei. Und am Adapter selbst liegt das nicht, da der Update prozess von iob kommt.
                      Denke eher das was bei deinem System nicht ganz rund ist.

                      1 Reply Last reply
                      0
                      • Stephan SchleichS Offline
                        Stephan SchleichS Offline
                        Stephan Schleich
                        wrote on last edited by
                        #675

                        Ich hätte eine Frage bezüglich Submenüs, wie geb ich dem Submenü mit welche View er pro Subitem anzeigen soll?

                        1 Reply Last reply
                        0
                        • I Offline
                          I Offline
                          intruder7
                          wrote on last edited by
                          #676

                          @Scrounger : Muss ich mich mal mit auseinander setzen. Sonst läuft ja alles.

                          Andere Frage... Das Dialog View Widget in der Beta Version.. arbeitest du daran noch weiter? Die Ansätze sind ganz gut bis jetzt und wenn dann Viewwidth und Viewhight auch noch mit z.B. (calc (50% - 10px) also mit Formeln eingestellt werden könnte wäre das echt toll.

                          1 Reply Last reply
                          0
                          • S Offline
                            S Offline
                            sveni_lee
                            wrote on last edited by
                            #677

                            Ich bin grad dabei meinen VIS auf Material-Design umzustellen. Ich bin von det Top-App-Bar-Navigation echt begeistert. Nun habe ich grad zwei kleinere "Probleme".

                            1. Ich nutze das Thema "dark-hive". es ist auch in jedem einzelnen View ausgewählt und wird auch im Editor richtig angezeigt. Allerdinhs ist es in der VIS dann nicht mehr korrekt.
                              Sven2.0_1_1.JPG Sven2.0_1.JPG

                            2. Ich habe die Anzahl der Navigationselemente auf 12 eingestellt und auch "View in Widget 8" steht auf Wertezahl 12 aber es wird mir angezeigt das der gewählte View nicht existiert.
                              Sven2.0_2_1.JPGSven2.0_2.JPG

                            Habe ich noch irgendwo einen Denkfehler? Ich orientiere mich an der Beispiel-VIS unter iobroker.click.

                            Gruß
                            Sveni_Lee

                            B 1 Reply Last reply
                            0
                            • D Offline
                              D Offline
                              dos1973
                              wrote on last edited by
                              #678

                              Hast du im widget 8 den Namen für die view11 eingetragen oder aus dem dropdown geöffnet?

                              1 Reply Last reply
                              0
                              • S sveni_lee

                                Ich bin grad dabei meinen VIS auf Material-Design umzustellen. Ich bin von det Top-App-Bar-Navigation echt begeistert. Nun habe ich grad zwei kleinere "Probleme".

                                1. Ich nutze das Thema "dark-hive". es ist auch in jedem einzelnen View ausgewählt und wird auch im Editor richtig angezeigt. Allerdinhs ist es in der VIS dann nicht mehr korrekt.
                                  Sven2.0_1_1.JPG Sven2.0_1.JPG

                                2. Ich habe die Anzahl der Navigationselemente auf 12 eingestellt und auch "View in Widget 8" steht auf Wertezahl 12 aber es wird mir angezeigt das der gewählte View nicht existiert.
                                  Sven2.0_2_1.JPGSven2.0_2.JPG

                                Habe ich noch irgendwo einen Denkfehler? Ich orientiere mich an der Beispiel-VIS unter iobroker.click.

                                Gruß
                                Sveni_Lee

                                B Do not disturb
                                B Do not disturb
                                bommel_030
                                wrote on last edited by
                                #679

                                @sveni_lee
                                Ich weiß nicht mit welcher Version des Widgets du arbeitest. Trage mal in allen "View für Tab" etwas ein.
                                Das hat mich in den Wahnsinn getrieben.. Sobald alle befüllt waren hat es bei mir geklappt. Leerzeilen mag es scheinbar nicht.

                                S 1 Reply Last reply
                                0
                                • P Offline
                                  P Offline
                                  ple
                                  wrote on last edited by ple
                                  #680

                                  Mal ne Frage in die Runde, wie stellt ihr das mit dem Farben usw. ein?
                                  gibt es eine Farbpalette, die man auswählen könnte? Ich habe immer das Problem, dass ich nicht genau weiß, welchen Backgroud color ich genommen haben, oder wieviel Overlay.

                                  Schön wäre es, wenn man es per Variable zusweisen kann, somit müsste man nicht immer gleich alle Widgets anpacken, nur weil man doch ein wenig mehr Overlay nimmt.

                                  Sowas in der Art vielleicht.
                                  https://material.io/resources/color/#!/?view.left=1&view.right=0&secondary.color=546E7A&primary.color=212121

                                  Gruß und Danke

                                  Intel Nuc + Proxmox

                                  1 Reply Last reply
                                  0
                                  • B bommel_030

                                    @sveni_lee
                                    Ich weiß nicht mit welcher Version des Widgets du arbeitest. Trage mal in allen "View für Tab" etwas ein.
                                    Das hat mich in den Wahnsinn getrieben.. Sobald alle befüllt waren hat es bei mir geklappt. Leerzeilen mag es scheinbar nicht.

                                    S Offline
                                    S Offline
                                    sveni_lee
                                    wrote on last edited by
                                    #681

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

                                    @sveni_lee
                                    Ich weiß nicht mit welcher Version des Widgets du arbeitest. Trage mal in allen "View für Tab" etwas ein.
                                    Das hat mich in den Wahnsinn getrieben.. Sobald alle befüllt waren hat es bei mir geklappt. Leerzeilen mag es scheinbar nicht.

                                    das war es... jetzt werden die Views angezeigt.

                                    1 Reply Last reply
                                    0
                                    • ScroungerS Offline
                                      ScroungerS Offline
                                      Scrounger
                                      Developer
                                      wrote on last edited by Scrounger
                                      #682

                                      Grid Views Widget ist jetzt enthalten.
                                      Damit könnt ihr auch ein responsiv layout erstellen, habt aber mehr freiheiten was die Spalteneinstellungen angeht
                                      Eigenet sich vorallem dann wenn die Views die gleiche Höhe haben.

                                      grid.gif

                                      Wer es testen möchte, aktuellen master ziehen -> v0.2.51

                                      Fragen zu den Einstellungen bitte hier posten!!!
                                      https://forum.iobroker.net/topic/29916/material-design-widgets-grid-views-widget

                                      1 Reply Last reply
                                      0
                                      • ub.privatU ub.privat

                                        @Agria4800

                                        Dankeschöne, wieder einen kleinen Schritt weiter:
                                        9fa176eb-e8e1-44d1-877e-dbcec69caf24-grafik.png

                                        Leider ist deser DP nicht erzeugt!
                                        Ergo, es muss noch etwas falsch sein...???:cry: :angry:

                                        ub.privatU Offline
                                        ub.privatU Offline
                                        ub.privat
                                        wrote on last edited by
                                        #683

                                        @Scrounger

                                        Guten Morgen,

                                        bin wieder ein Stück weiter, erste Daten werden nun aus den Kalendern eingelesen. Ist zwar nur ein Eintrag, hoffe, der Rest folgt???
                                        Das ganze funktioniert nur im Editor:
                                        25cd0d29-3be7-4089-ba87-1fa3ebf302a7-grafik.png

                                        Wenn ich dann die Runtime starte, schaut e so aus:
                                        f49a792f-a929-4e81-81b1-897ce161ebfa-grafik.png

                                        Formatierung ist unterschiedlich und Kalendereinträge werden auch nicht angezeigt.
                                        Wo sollte denn meine Fehlersuche/Ursachenforschung beginnen???

                                        Im DP sieht es wie folgt aus:
                                        86f0a85b-32ae-4268-9171-1f64af9cb4fc-grafik.png

                                        Sind diese Einstellungen korrekt???
                                        3877e92c-a3b2-4135-bda7-23910aff8abb-grafik.png

                                        Wenn ich das hinbekomme, ist es ja 1:1 auf das ical2Table-Widget übertragbar!

                                        Würde mich über Hinweise sehr freuen! Danke schon mal...

                                        ScroungerS 1 Reply Last reply
                                        0
                                        • S Offline
                                          S Offline
                                          sveni_lee
                                          wrote on last edited by
                                          #684

                                          Ich versuche grad die "Top App Bar Navigation drawer" Beschriftung zu verstehen.
                                          Irgendwie habe ich noch nicht erlesen können wie ich einige Menüpunkte beschriften kann.

                                          Sven2.0_1_2.JPG

                                          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

                                          630

                                          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