Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter Material Design Widgets v0.2.x

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.4k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.6k

Test Adapter Material Design Widgets v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialwidget
902 Beiträge 77 Kommentatoren 234.1k Aufrufe 79 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • W Offline
    W Offline
    webseb79
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von 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 ;)

      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

      I 1 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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.

          <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

          <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

          I 1 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #668

            @Scrounger :+1:

            1 Antwort Letzte Antwort
            0
            • I Offline
              I Offline
              intruder7
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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.

                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                I 1 Antwort Letzte Antwort
                1
                • S Offline
                  S Offline
                  skokarl
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    0
                    • I Offline
                      I Offline
                      intruder7
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von 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.

                        <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                        <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                        1 Antwort Letzte Antwort
                        0
                        • Stephan SchleichS Offline
                          Stephan SchleichS Offline
                          Stephan Schleich
                          schrieb am zuletzt editiert von
                          #675

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

                          1 Antwort Letzte Antwort
                          0
                          • I Offline
                            I Offline
                            intruder7
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            0
                            • S Offline
                              S Offline
                              sveni_lee
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              • D Offline
                                D Offline
                                dos1973
                                schrieb am zuletzt editiert von
                                #678

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

                                1 Antwort Letzte Antwort
                                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 Nicht stören
                                  B Nicht stören
                                  bommel_030
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  0
                                  • P Offline
                                    P Offline
                                    ple
                                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      0
                                      • ScroungerS Offline
                                        ScroungerS Offline
                                        Scrounger
                                        Developer
                                        schrieb am zuletzt editiert von 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

                                        <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                        <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                        1 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          781

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe