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

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

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

Test Adapter Material Design Widgets v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialwidget
902 Beiträge 77 Kommentatoren 235.0k 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.
  • 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 Offline
    I Offline
    intruder7
    schrieb am zuletzt editiert von
    #663

    @Scrounger hab ich auch schon probiert

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          890

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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