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

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

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

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

Test Adapter Material Design Widgets v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialwidget
902 Beiträge 77 Kommentatoren 233.6k 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.
  • 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 Offline
                                B Offline
                                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
                                        • S Offline
                                          S Offline
                                          sveni_lee
                                          schrieb am zuletzt editiert von
                                          #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 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

                                          385

                                          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