Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter Material Design Widgets v0.2.x

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter Material Design Widgets v0.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      BobBruni last edited by

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

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

      Ich möchte gerne meinen Grundriss als Responsive-Card mit Masonry View erstellen.
      Leider werden die restlichen Widgets (Lampen) zum Grundriss nicht richtig skaliert / verschoben...

      Lampen Widgets müssen dann relative werte für left, top, with, etc. haben, dann gehts.

      Das habe ich gemacht.

      Unbenannt.PNG

      M.m.n liegt das Problem dass das Masonry View nur in der Breite und nicht in der Höhe relativ gestaltet werden kann... In der X-Achse werden die Symbole richtig platziert. Es fehlt nur in der Höhe.

      Unbenannt2.PNG

      Generell hätte es doch Vorteile, wenn man die Höhe der Cards auch relativ angeben könnte.
      Dann würden Widgets, die einen Zeilenumbruch erlauben auch richtig dargestellt werden.

      Was ebenfalls noch genial wäre, wenn man für die Sichbarkeit für einzelne Cards einstellen könnte.
      Z.b. bestimmte Cards könnte man, abhängig von einer Bedingungen, anzeigen oder ausblenden.

      Besten Dank für deine tolle Arbeit!!!

      Scrounger 1 Reply Last reply Reply Quote 0
      • Scrounger
        Scrounger Developer @BobBruni last edited by

        @BobBruni
        Bitte verschieb deine Frage nach
        https://forum.iobroker.net/topic/29621/material-design-widgets-masonry-views-widget, weil wir die Fragen zu Einstellung suzessive aus dem Testing Thread raus halten sollten.

        Und poste gleich einen export deiner view inkl. der verwendeten Grafiken. Das geht, du hast da aber paar einstellungsfehler drin.

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

        Generell hätte es doch Vorteile, wenn man die Höhe der Cards auch relativ angeben könnte.

        Das geht aber nicht!
        Warum, weil z.B. die Höhe bei Desktop Auflösung 1000px beträgt. Wenn du jetzt 10 Views mit einer relativen Höhe von 10% hast, dann würde jede View eine Höhe von 100px haben.
        Aber z.B. auf dem Handy entspricht die 100% Höhe z.B. 500px, d.h. die Views würden alle auf eine Höhe von 50px gestaucht werden und es würde kein scrollbalken angezeigt werden. Deshalb muss man die Höhe fix gestalten.
        Sollte jemand wissen wie man das umsetzen könnte, lass ich mich natürlich gerne belehren 😉

        Z.b. bestimmte Cards könnte man, abhängig von einer Bedingungen, anzeigen oder ausblenden.

        Tolle Idee, gefällt mir. Bitte schreib dazu ein Issue auf gihub, damit es nicht in vergessenheit gerät!

        Scrounger 1 Reply Last reply Reply Quote 0
        • Scrounger
          Scrounger Developer @Scrounger last edited by Scrounger

          @BobBruni
          Bitte verschieb deine Frage nach
          https://forum.iobroker.net/topic/29621/material-design-widgets-masonry-views-widget, weil wir die Fragen zu Einstellung suzessive aus dem Testing Thread raus halten sollten.

          Und poste gleich einen export deiner view inkl. der verwendeten Grafiken. Das geht, du hast da aber paar einstellungsfehler drin.

          @BobBruni sagte in Test Adapter Material Design Widgets v0.2.x:
          Generell hätte es doch Vorteile, wenn man die Höhe der Cards auch relativ angeben könnte.

          Das geht aber nicht!
          Warum, weil z.B. die Höhe bei Desktop Auflösung 1000px beträgt. Wenn du jetzt 10 Views mit einer relativen Höhe von 10% hast, dann würde jede View eine Höhe von 100px haben.
          Aber z.B. auf dem Handy entspricht die 100% Höhe z.B. 500px, d.h. die Views würden alle auf eine Höhe von 50px gestaucht werden und es würde kein scrollbalken angezeigt werden. Deshalb muss man die Höhe fix gestalten.
          Sollte jemand wissen wie man das umsetzen könnte, lass ich mich natürlich gerne belehren 😉

          Z.b. bestimmte Cards könnte man, abhängig von einer Bedingungen, anzeigen oder ausblenden.

          Tolle Idee, gefällt mir. Bitte schreib dazu ein Issue auf gihub, damit es nicht in vergessenheit gerät!

          @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

          Stimmt, allerdings nur wenn man die Hintergrundfarbe ändert wird die Rahmenfarbe nicht mehr übernommen. Schau ich mir an.

          1 Reply Last reply Reply Quote 0
          • Scrounger
            Scrounger Developer last edited by

            Ich habe jetzt für hoffentlich alle Widgets eigene Themen im Bereich Visualisierung erstellt:
            Material Design Widgets Themen

            Ich bitte Euch zukünftig alle Fragen bzgl. Einstellungen, Verständnis, Skripte, etc. im entsprechenden Thema des zugehörigen Widgets zu posten!

            Hintergrund ist, dass ich den Testing Thread entlasten möchte und nur noch für Fragen zur Fehlerbehebung, Testen neuer Widgets (Widgets mit Beta Label) und Funktionen verwenden möchte.

            Denke das wird allen helfen, schneller Fragestellungen zu beantworten.
            Bedeutet aber auch, dass alle etwas mehr Disziplin haben müssen 😉

            In der kommenden Version (latest) könnt ihr dann auch direkt aus dem VIS Editor per link zu dem entsprechenden Thema des Widgtes hier im Forum springen, sofern Eure Sprache auf Deutsch eingestellt ist:

            q&a.png

            1 Reply Last reply Reply Quote 0
            • I
              intruder7 last edited by

              @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

              Scrounger 2 Replies Last reply Reply Quote 0
              • Scrounger
                Scrounger Developer @intruder7 last edited by

                @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 Reply Quote 0
                • I
                  intruder7 @Scrounger last edited by

                  @Scrounger hab ich auch schon probiert

                  1 Reply Last reply Reply Quote 0
                  • W
                    webseb79 last edited by

                    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 Reply Quote 0
                    • Scrounger
                      Scrounger Developer @intruder7 last edited by 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 1 Reply Last reply Reply Quote 0
                      • I
                        intruder7 @Scrounger last edited by 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

                        Scrounger 1 Reply Last reply Reply Quote 0
                        • Scrounger
                          Scrounger Developer @intruder7 last edited by

                          @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 Reply Quote 0
                          • I
                            intruder7 @Scrounger last edited by

                            @Scrounger 👍

                            1 Reply Last reply Reply Quote 0
                            • I
                              intruder7 last edited by

                              @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.

                              Scrounger 1 Reply Last reply Reply Quote 0
                              • Scrounger
                                Scrounger Developer @intruder7 last edited by

                                @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 Reply Quote 1
                                • S
                                  skokarl last edited by

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

                                  Wie sieht das aus ?

                                  1 Reply Last reply Reply Quote 0
                                  • I
                                    intruder7 @Scrounger last edited by

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

                                    @intruder7
                                    habs eingebaut.

                                    geht nicht 😞
                                    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 Reply Quote 0
                                    • I
                                      intruder7 last edited by

                                      @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.

                                      Scrounger 1 Reply Last reply Reply Quote 0
                                      • Scrounger
                                        Scrounger Developer @intruder7 last edited by Scrounger

                                        @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 Reply Quote 0
                                        • Stephan Schleich
                                          Stephan Schleich last edited by

                                          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 Reply Quote 0
                                          • I
                                            intruder7 last edited by

                                            @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 Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            955
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            adapater material vis visualization widget
                                            77
                                            902
                                            172992
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo