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
    2.0k

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

  • 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 247.1k 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
    #662

    @intruder7
    Ah das könnte vielleicht daran liegen, weil ich nur > < verwendet habe und nicht >= <=.

    Also wenn z.b. deine Tablet Landscape Auflösung 1000px ist, dann musst 999 bzw. 1001 als Bedingung eingeben.
    Test Mal ob es damit funktioniert.

    I 1 Reply Last reply
    0
    • ScroungerS Scrounger

      @intruder7
      Ah das könnte vielleicht daran liegen, weil ich nur > < verwendet habe und nicht >= <=.

      Also wenn z.b. deine Tablet Landscape Auflösung 1000px ist, dann musst 999 bzw. 1001 als Bedingung eingeben.
      Test Mal ob es damit funktioniert.

      I Online
      I Online
      intruder7
      wrote on last edited by
      #663

      @Scrounger hab ich auch schon probiert

      1 Reply Last reply
      0
      • W Offline
        W Offline
        webseb79
        wrote on last edited by
        #664

        Hallo
        ich habe gerade den Adapter installiert über Github Link https://github.com/Scrounger/iobroker.vis-materialdesign
        Installation ist durch gelaufen und er zeigt V0.2.50 an.
        In Vis sehe ich links auch die einzelnen Widgets aber nicht wie gewohnt.
        Ziehe ich eins in meine Seite zum bearbeiten ist auch nichts zu sehen
        ![Bild Text](a3006c16-770c-43b1-97b6-c6776cbc9932-grafik.png Bild Link)
        Upload nach der Installation ist auch gemacht wurden.
        Kann jemand sagen was falsch ist ?

        Sebastian

        1 Reply Last reply
        0
        • 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 Online
            I Online
            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 Online
                I Online
                intruder7
                wrote on last edited by
                #668

                @Scrounger :+1:

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          744

                                          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