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

      @Scrounger
      hatte nochmal neu installiert da du ein commit zum input widget gemacht hast.

      Problem existiert immer noch. Versatz x y hat null Auswirkungen und style ist noch auf left: 0px

      2cb57987-e287-458a-b744-a803bf99f8f6-image.png

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

        @intruder7

        Funktioniert:
        9faa3cff-5b48-4c36-8ac5-2a8995bae27f-grafik.png

        hat auch nix mit dem left zu tun. Die Versatz Einstellung greift nur, wenn etwas im Feld steht und das Label nach oben wandert.

        I O 2 Replies Last reply Reply Quote 0
        • B
          BobBruni last edited by

          @Scrounger

          Gibt es im Masonry-View die Möglichkeit die Höhe des Views variable zu gestalten?

          Hintergrund:
          Ich lasse mir in einer HTML-Card einen Liste mit Räumen, in den Licht brennt, anzeigen. Durch den automatischen Zeilenumbruch ändert sich die Höhe der Card.

          1 Reply Last reply Reply Quote 0
          • M
            Mr.Oz @Scrounger last edited by

            @Mr-Oz sagte in Test Adapter Material Design Widgets v0.2.x:

            seit der Version 0.2.32 / 0.2.40 funktioniert das vibrieren auf Mobilgeräten nicht mehr. Muss man da noch was beachten/umstellen?

            Kann ich nicht bestätigen. Welcher Browser? Welches Widget? Was steht in der console des browsers?

            Hi,
            habe ein Huawei P30 Pro. Habe es mit Chrome und Huawei Browser probiert. In der Version vor 0.2.32 hat es funktioniert. Beispiel in der Top App Bar. Eingestellt ist es auf standard 50 ms.

            Ich habe letztens da Android 10 update bekommen. Vielleicht liegt es auch daran. Wenn du mir sagst wie ich im Handy die Console öffne dann kann ich dir die Daten liefern.

            1 Reply Last reply Reply Quote 0
            • D
              darkbrain85 last edited by

              Ich habe im Diagramm auf der linken Seite immer eine schwarze Linie.
              Leider konnte ich bis jetzt nicht herausfinden, wie man diese entfernt.

              Hat jemand einen Tipp für mich?

              1e5ddecb-7ec0-47e0-8537-e219b631bb2c-image.png

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

                @Scrounger
                Alles nochmal neu installiert. Geht jetzt 👍

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

                  @Scrounger
                  Was ist denn da jetzt passiert? Das kommt nachdem man in das Eingabefeld klickt🤷‍♂️

                  87b5959e-32c0-4950-91b0-714f1965bb3e-image.png

                  Edit1: aber nur wenn man genau in die Mitte klickt. Im Randbereich nicht

                  Edit2: arbeite mit einem Surface Tablet. tippe ich das Feld mit einem Finger an funktioniert es. genauso wie an meinen beiden Samsung Tabs auch. Klicke ich aber am Surface mit der Maus da rein kommt diese Anzeige

                  1 Reply Last reply Reply Quote 0
                  • L
                    lutzer last edited by

                    Hallo ich habe seit heute im chrome keine Elemente mehr aus dem Adapter. Was eigentlich komisch ist das das nicht gehen soll aus dem eigenen Haus.
                    Ist das Update Schuld?

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

                      @Scrounger
                      ist eigentlich von deiner Seite geplant das List Widget auch dynamisch zu erstellen? Z.b. einen DP als JSON mit den Inhalten.
                      Szenarios hier
                      z.B. Durch drücken eines Buttons geht ein View auf in dem alle eingeschalteten Lichter angezeigt werden. Lichtname,Raum und gleich dem entsprechenden Schalter (DP) zum geziehlten Ausschalten.

                      oder

                      Einkaufsliste mit gezieltem löschen von erledigten Sachen

                      Nur mal so. Vielleicht auch als Idee 😉

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

                        @Scrounger

                        ich habe leider immer noch das Problem, dass ich auf der Navigationsseite keine Popup Fenster öffnen oder Button betätigen kann.

                        Ein Teil meines Projektes füge ich bei, wäre schön, wenn du es dir mal anschauen könntest.

                        Bei einem Klick auf Warnungen DWD sollte es eigentlich so aussehen:
                        dfdda0b6-1e0c-4ff4-976d-1e9ff0f8ee2c-image.png

                        2020-01-27-Mein.zip

                        Vielen Dank

                        1 Reply Last reply Reply Quote 0
                        • B
                          BobBruni last edited by

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

                          Responsive.png

                          Kann mir da jemand helfen?

                          1 Reply Last reply Reply Quote 0
                          • ub.privat
                            ub.privat @intruder7 last edited by

                            @intruder7

                            Guten Abend,

                            hänge mich mal an diesen Post dran. Habe mit dem 'Top App navigation drawer' ein ähnliches Problem.
                            Wenn kein Wert angewählt ist sieht es so aus:
                            6cdfe362-2956-4d84-9cc0-22b279099969-grafik.png
                            WIE BEKOMME ICH "DIMMER" EINGERÜCKT?

                            Wird eine Auswahl getroffen, dann so:
                            e4e4629f-a917-43e3-bd40-c9ed8af4a5fb-grafik.png
                            Ein wirkliches Formatieren ist nur "schwer" möglich.
                            Stelle hier wie folgt ein:
                            a9f8890e-1968-41f3-82f2-0e768dca0bce-grafik.png

                            Desweiteren wirde ich gern den Scrollbalken weg bekommen!?
                            270c6a7b-eedb-4ada-b649-10c91853f271-grafik.png
                            Ist das möglich?

                            Vielleicht hast du oder @Scrounger eine helfende Idee?

                            Was noch von mir erwähnt werden muss: "MATERIAL DESIGN WIDGÈTS" ist wohl derzeit für mich das Beste, was die VIS hergibt... 👍 👍 👍

                            Beste Grüße ....

                            ub.privat 1 Reply Last reply Reply Quote 0
                            • T
                              tazdevil20 last edited by

                              @Scrounger
                              Ich hätte da mal wieder eine Idee die evtl. Umgesetzt werden könnte.
                              Im History Chart würde ich gerne nur den letzten Wert angezeigt bekommen. Diese Option gibt es natürlich nicht, aber ist es möglich diese Option zu implementieren?
                              Ist geplant auch eine History Table zu implementieren?

                              1 Reply Last reply Reply Quote 0
                              • ub.privat
                                ub.privat @ub.privat last edited by ub.privat

                                @Scrounger @intruder7

                                Gelöst - mit Version 0.2.49 schaut es besser aus!

                                1 Reply Last reply Reply Quote 0
                                • 0
                                  0018 last edited by

                                  @Scrounger Wie schaffe ich es das eine MasonryView scrollbar wird, wenn die darin enthalten Views die Screengröße übersteigt? in dem Beispiel auf iobroker.click ist die MasonryView auch scrollbar, leider schaffe ich das bei meiner nicht....

                                  1 Reply Last reply Reply Quote 0
                                  • Negalein
                                    Negalein Global Moderator last edited by

                                    Ich check gerade das aktuelle "Select Widget" nicht.

                                    Wollte heute vom Alten auf das Neue umstellen.

                                    Früher sah es bei mir so aus:
                                    Edit vis.png

                                    [{"tpl":"tplVis-materialdesign-Select-Value","data":{"oid":"alexa2.1.Echo-Devices.G090XG0692741THK.Music-Provider.My-Library-Playlist","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"values":"8","layout":"outlined","showValueOnRight":false,"vibrateOnMobilDevices":"50","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"value0":"die 3 Fragezeichen","label0":"die 3 Fragezeichen","z_index":"200","selectTextSize":"medium","listItemTextSize":"medium","hintText":"","selectBackground":"rgba(60, 60, 60, 20)","colorDrawerBackground":"#202020","selectTextColor":"#ffffff","selectBackgroundHover":"","selectHintTextColor":"","selectBorderColor":"#202020","menuWidth":"360","g_icon":true,"image":"/vis.0/amazon-music.png","distanceBetweenTextAndImage":"30","imageTrue":"/vis.0/amazon-music.png","value1":"die 3 Rufzeichen","label1":"die 3 Rufzeichen","valueRightAppendix":"","selectBorderColorSelected":"#202020","menuIcon0":"/vis.0/amazon-music.png","menuIcon1":"/vis.0/amazon-music.png","colorListItemText":"#ffffff","colorListItemTextSelected":"#b5b5b5","value2":"Eiskönigin 2","label2":"Eiskönigin 2","menuIcon2":"/vis.0/amazon-music.png","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","value3":"Findus","value4":"Hanni und Nanni","label4":"Hanni und Nanni","menuIcon4":"/vis.0/amazon-music.png","value5":"Super Wings","label3":"Findus","label5":"Super Wings","menuIcon3":"/vis.0/amazon-music.png","menuIcon5":"/vis.0/amazon-music.png","drawerIconHeight":"30","value6":"Mascha und der Bär","label6":"Mascha und der Bär","menuIcon6":"/vis.0/amazon-music.png","value7":"Giraffenaffen","label7":"Giraffenaffen","menuIcon7":"/vis.0/amazon-music.png","menuIcon8":"/vis.0/amazon-music.png","value8":"Rechnen","label8":"Rechnen"},"style":{"left":"95px","top":"258px","width":"364px","height":"56px","z-index":35,"box-shadow":"2px 2px 3px rgba(20, 20, 20, 50)"},"widgetSet":"materialdesign"}]
                                    

                                    Nun mit dem Neuen sieht es so aus:
                                    Edit vis (1).png

                                    [{"tpl":"tplVis-materialdesign-Select","data":{"oid":"alexa2.1.Echo-Devices.G090XG0692741THK.Music-Provider.My-Library-Playlist","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","inputType":"text","inputLayout":"solo","showInputMessageAlways":false,"showInputCounter":false,"clearIconShow":false,"listDataMethod":"inputPerEditor","countSelectItems":"8","listPosition":"auto","showSelectedIcon":"prepend-inner","showValue":"true","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"value0":"die 3 Fragezeichen","label0":"die 3 Fragezeichen","listIcon0":"/vis.0/amazon-music.png","value1":"die 3 Rufzeichen","label1":"die 3 Rufzeichen","value2":"Eiskönigin 2","value3":"Findus","value4":"Hanni und Nanni","value5":"Super Wings","value6":"Mascha und der Bär","value7":"Giraffenaffen","value8":"Rechnen","listIcon1":"/vis.0/amazon-music.png","listIcon2":"/vis.0/amazon-music.png","listIcon3":"/vis.0/amazon-music.png","listIcon4":"/vis.0/amazon-music.png","listIcon5":"/vis.0/amazon-music.png","inputLayoutBackgroundColor":"rgba(60, 60, 60, 20)","inputLayoutBackgroundColorHover":"rgba(60, 60, 60, 20)","inputLayoutBackgroundColorSelected":"rgba(60, 60, 60, 20)","inputLayoutBorderColor":"rgba(60, 60, 60, 20)","inputLayoutBorderColorHover":"rgba(60, 60, 60, 20)","inputLayoutBorderColorSelected":"rgba(60, 60, 60, 20)","inputTextFontFamily":"RobotoCondensed-Light","inputTextFontSize":"20","inputTextColor":"#ffffff","clearIconSize":"","clearIcon":"","prepandIcon":"/vis.0/amazon-music.png","prepandIconSize":"33","prepandInnerIcon":"/vis.0/amazon-music.png","prepandInnerIconSize":"33","listIcon6":"/vis.0/amazon-music.png","listIcon7":"/vis.0/amazon-music.png","listIcon8":"/vis.0/amazon-music.png"},"style":{"left":"582px","top":"292px","width":"364px","height":"56px"},"widgetSet":"materialdesign"}]
                                    

                                    Ich finde nichts (hier schon mehrmals quergelesen, aber sicher überlesen) nichts, damit ich das Design dem Alten anpassen könnte.

                                    Wäre nett, wenn jemand mal drüberschaun könnte.

                                    1 Reply Last reply Reply Quote 0
                                    • sigi234
                                      sigi234 Forum Testing Most Active @Scrounger last edited by sigi234

                                      @Scrounger
                                      Hallo,
                                      wie bekomme ich den Scrollbalken weg? (Vis-materialdesign-Select)

                                      Screenshot (1512)_LI.jpg

                                      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:

                                        @Scrounger
                                        ist eigentlich von deiner Seite geplant das List Widget auch dynamisch zu erstellen?

                                        Aktuell nicht, aber da ich grad die Widgets nach und nach auf die vuetify api umstelle könnte man das gleich von anfang an berücksichtigen. Erstll nen Issue auf github dazu!

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

                                        @Scrounger

                                        ich habe leider immer noch das Problem, dass ich auf der Navigationsseite keine Popup Fenster öffnen oder Button betätigen kann.

                                        Das ist mit sicherheit ein z-index problem. Lösch mal alle z-indizies und geh nach und nach durch.
                                        Sorry hab einfach keine Zeit jedes Projekt mir anzuschauen.

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

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

                                        @Scrounger
                                        Ich hätte da mal wieder eine Idee die evtl. Umgesetzt werden könnte.
                                        Im History Chart würde ich gerne nur den letzten Wert angezeigt bekommen. Diese Option gibt es natürlich nicht, aber ist es möglich diese Option zu implementieren?

                                        Äh der Wert steht in dem deinem Datenpunkt. Kannst aber auch einfach anzahl der werte auf 1 setzen. Allerdings frag ich mich hier für welchen usecase das gedacht sein sollte?

                                        Ist geplant auch eine History Table zu implementieren?
                                        Nein, weil das kann man bereits per skript realisieren.

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

                                        Ich check gerade das aktuelle "Select Widget" nicht.
                                        Ich finde nichts (hier schon mehrmals quergelesen, aber sicher überlesen) nichts, damit ich das Design dem Alten anpassen könnte.

                                        Hintergund Farbe Menu Item anpassen.
                                        07550469-aa16-43b9-86e4-1bbe33514b11-grafik.png

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

                                        @Scrounger
                                        Hallo,
                                        wie bekomme ich den Scrollbalken weg? (Vis-materialdesign-Select)

                                        Evtl. ist des zu weit unten am rand des screens? Versuch mal die Option nach oben öffnen.
                                        83cffc7f-e8eb-4a37-9497-00e993fa5305-grafik.png

                                        Wenns nicht klappt, mach am besten mal export inkl. der enthaltenen Daten - ich kann es nicht reproduzieren

                                        Negalein sigi234 T 3 Replies Last reply Reply Quote 0
                                        • Negalein
                                          Negalein Global Moderator @Scrounger last edited by Negalein

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

                                          Hintergund Farbe Menu Item anpassen.

                                          Danke, das hab ich mittlerweile gefunden.

                                          Kannst mir noch sagen, wie ich hier die Zahl 7 wegbekomme?

                                          Edit vis (4).png

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

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

                                            Kannst mir noch sagen, wie ich hier die Zahl 7 wegbekomme?

                                            Klar, aber das findet man auch selbst raus, indem man einfach mal die ganzen Einstellungen ausprobiert 😉

                                            e5be838b-e58d-487c-8c54-888539026d35-grafik.png

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            796
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            adapater material vis visualization widget
                                            77
                                            902
                                            166968
                                            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