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.
    • Scrounger
      Scrounger Developer @bommel_030 last edited by

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

      Der Teil mit den Farben erschließt sich mir aber noch nicht mal ansatzweise...

      Farben kannst du so z.B. ändern:

      mylist.push(
                         {
                             Name: '<font color="red">' + name + '</font>',
                             Inhalt: '<font color="blue">' + datenpunkt + '</font>',
                          } 
      

      Jetzt kannst die Farben auch in variablen packen und entsprechend mit Bedingungen andere Farben verwenden.

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

        Es gibt jetzt ein neues Select Widget, mit der Fehler das die daten ständig an den datenpunkt gesendet werden hoffentlich behoben sind. Weiter könnt ihr neben Einagbe der Menüpunkte über den Editor, einen JSON string verwenden oder eine Werteliste.
        Das alte Select Widget wird in der kommenden Version entfernt!

        select.gif

        Und da das Autocomplete quasi ein Nebenprodukt des select Widget ist, gibts das auch noch dazu 😉

        autocomplete.gif

        Wer testen will aktuellen master ziehen -> v 0.2.46

        K sigi234 2 Replies Last reply Reply Quote 3
        • K
          K_o_bold @Scrounger last edited by

          Ich teste gerade die widgets und stehe vor einem Problem.
          Wahrscheinlich eine dumme Frage ;-), aber wie kann ich denn die Größe des bool switch ändern?

          @Scrounger ,

          gefällt mir sehr gut was du da aus dem Ärmel zauberst 👍

          1 Reply Last reply Reply Quote 0
          • D
            darkiop Most Active last edited by

            @Scrounger Klasse die neuen selects!

            So auf die Schnelle, ich glaube die Textfarbe wird nicht übernommen:

            3f2efeb8-f265-4c13-9d8b-14fdc4de9ab2-grafik.png

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

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

              @Scrounger Klasse die neuen selects!

              So auf die Schnelle, ich glaube die Textfarbe wird nicht übernommen:

              Stimmt da sind noch einige CSS Styling Fehler drin, schau ich mir an.

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

                Gibt es eine Möglichkeit im Widget "Top App Bar" die Zeilenüberschrift der Navigationsleiste in der Höhe zu verändern? Hintergrund hierfür ist das ich gerne "topAppBarLayout = dense" verwenden würde, hier aber dann die Höhe der Navigationsleistenüberschrift nicht übereinstimmt und hier dann das Gesamtbild nicht stimmig ist.

                AppBar.png

                Im Bild der Bereich in lila der in der Höhe dem grünen angepasst werden soll.

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

                  @0018
                  Musst nen <font> Tag um den Text setzen.

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

                    @Scrounger Hast du ein Beispiel dafür damit es passen würde?

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

                      @Scrounger
                      Nachdem ich meinen Farbflash überwunden habe, habe ich mal versucht mir das passende JSON für meine Tabelle aus nem Skript zu erstellen.
                      Der Zeilenumbruch in einer Zelle hat mich ein wenig zur Verzweifelung gebracht. Im Wohnzimmer gibt es halt Tür und Fenster...
                      76432291-ae00-4300-a0b6-dc390afa7b20-image.png

                      {
                                             Raum: name1,
                                             Temperatur: temp1 +' °C',
                         					Luftfeuchte: feuchte1 + '%',
                         					Ventilstand: ventil1 + '%',
                         					Fenster: [fenster1,  "\n" + tuer1],
                         					Lüften:	empfehlung1,
                         					Zustand: zustand1,
                                          } ,
                      


                      Jetzt hänge ich aber an der Spaltenbreite... Egal was ich im Widget eintrage, die Spalte bleibt so wie sie ist...
                      Hätte die Spalten gerne so breit, dass der Sortierpfeil keine zweite Zeile erzeugt. Und um zu sehen ob mein JSON Zeilenumbruch auch wirklich funktioniert ^^
                      Da ich für wechselnde Farben quasi für jede Zelle nen DP erzeugen muss bleibt sie jetzt erstmal einfarbig.
                      Und dank eines findigen Entwicklers übernimmt LinkedDevices die Übersetzung von Fenter true/false in offen/geschlossen von alleine...

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

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

                        Es gibt jetzt ein neues Select Widget

                        Der Intervall reagiert nicht in der Chart Line. Was mache ich Falsch?
                        Info: geht mit der alten Version auch nicht mehr?

                        Screenshot (1431).png

                        Screenshot (1433).png

                        Screenshot (1440).png

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

                          @bommel_030
                          Stell Mal bitte den Wert des Datenpunkt und das Widget zur verfugung, dann schau ich es mir an.

                          @sigi234
                          Muss Englisch sein, 30 Sekunden muss als wert 30 seconds bekommen. Schau bitte in die Doku.

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

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

                            @Scrounger Klasse die neuen selects!

                            So auf die Schnelle, ich glaube die Textfarbe wird nicht übernommen:

                            3f2efeb8-f265-4c13-9d8b-14fdc4de9ab2-grafik.png

                            Müsste jetzt behoben sein, aktuellen master testen -> v0.2.47

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

                              @Scrounger
                              Hallo, bei mir funktioniert das neue select widget überhaupt nicht (Crome)
                              Bei Werten über den Editor gehts. Aber sobald ich auf Werteliste umstelle und dort was eingebe verschwinden alle anderen Einstellungen( Farbe,Text usw.)

                              in der Konsole tauchen auch Fehler auf.

                              Vuetify Select]: error: Cannot read property 'split' of undefined, stack: TypeError: Cannot read property 'split' of undefined
                                  at Object.generateItemList (http://192.168.100.85:8082/vis/widgets/materialdesign/js/widgets.min.js:1:22620)
                                  at Object.vis.binds.materialdesign.select (http://192.168.100.85:8082/vis/widgets/materialdesign/js/widgets.min.js:5:5371)
                                  at Object.eval (tplVis-materialdesign-Select.js:29:86)
                                  at Function.<anonymous> (http://192.168.100.85:8082/vis/lib/js/can.custom.min.js:64:6166)
                                  at Object.a.each (http://192.168.100.85:8082/vis/lib/js/can.custom.min.js:24:294)
                                  at http://192.168.100.85:8082/vis/lib/js/can.custom.min.js:64:6147
                                  at HTMLDivElement.<anonymous> (http://192.168.100.85:8082/vis/lib/js/can.custom.min.js:58:1841)
                                  at Object.a.each (http://192.168.100.85:8082/vis/lib/js/can.custom.min.js:24:294)
                                  at Function.hookup (http://192.168.100.85:8082/vis/lib/js/can.custom.min.js:58:1751)
                                  at Function.frag (http://192.168.100.85:8082/vis/lib/js/can.custom.min.js:58:1344) 
                              vis.binds.materialdesign.select @ widgets.min.js:5
                              
                              
                              Scrounger 1 Reply Last reply Reply Quote 0
                              • Scrounger
                                Scrounger Developer @intruder7 last edited by

                                @intruder7

                                Ja das passiert wenn man für Label und Icon nichts eingibt. Muss ich noch einbauen das das abgefangen wird.

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

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

                                  @0018
                                  Musst nen <font> Tag um den Text setzen.

                                  Hast du dafür ein Beispiel? Bin leider nicht so fit in html tags

                                  Scrounger 1 Reply Last reply Reply Quote 0
                                  • B
                                    bommel_030 last edited by

                                    @Scrounger
                                    Ich nehme alles zurück und behaupte das Gegenteil...
                                    Hab die Version mal aktualisiert, jetzt klappt es auch mit der Spaltenbreite. Damit habe ich dann wieder das Problem, dass ich keinen Zeilenumbruch im JSON hinbekomme ^^
                                    Aber mal was anderes... NavBar...

                                    1. Ist es möglich, dass sich Menüpunkt [6] automatishc zusammenklappt wenn ein anderer Menüpunkt ausgewählt wird (abgesehen von den Untermenüs 7-9)?
                                    2. Man kann für Punkt 6 zwar eine View hinterlegen, bei klick auf Punkt 6 wird aber "nur" das Untermenü aufgeklappt. Soll das so sein, oder kann man das ändern?
                                      navbar.png
                                    1 Reply Last reply Reply Quote 0
                                    • sigi234
                                      sigi234 Forum Testing Most Active @Scrounger last edited by

                                      @Scrounger

                                      Kann ich die Zeilenhöhe im Spaltenlayout beeinflussen? Möchte den Abstand verkleinern.

                                      Screenshot (1458)_LI.jpg

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

                                        @Scrounger 👍
                                        gut zu wissen. Habs jetzt auch am laufen.
                                        Das Table Widget bereitet mir noch Schwierigkeiten. Habe eine Object ID mit Daten im JSON Format eingebunden. Er zeigt auch alles super an. Nur bei Änderung der Daten im JSON werden sie in der Anzeige nicht aktualisiert.😞

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

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

                                          Hast du dafür ein Beispiel? Bin leider nicht so fit in html tags

                                          https://www.w3schools.com/tags/tag_font.asp

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

                                          @Scrounger
                                          Ich nehme alles zurück und behaupte das Gegenteil...
                                          Hab die Version mal aktualisiert, jetzt klappt es auch mit der Spaltenbreite. Damit habe ich dann wieder das Problem, dass ich keinen Zeilenumbruch im JSON hinbekomme ^^

                                          Muss auch für die Spalte aktiviert bzw. deaktiviert sein:
                                          9fae240c-c023-44a8-af2f-acea1ca1cb02-grafik.png

                                          Aber mal was anderes... NavBar...

                                          1. Ist es möglich, dass sich Menüpunkt [6] automatishc zusammenklappt wenn ein anderer Menüpunkt ausgewählt wird (abgesehen von den Untermenüs 7-9)?

                                          Nein

                                          1. Man kann für Punkt 6 zwar eine View hinterlegen, bei klick auf Punkt 6 wird aber "nur" das Untermenü aufgeklappt. Soll das so sein, oder kann man das ändern?

                                          Ja soll so sein und kann man auch nicht ändern.

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

                                          Kann ich die Zeilenhöhe im Spaltenlayout beeinflussen? Möchte den Abstand verkleinern.

                                          In deinem konkreten Fall kannst du sie nur vergrößern. Verkleinern geht nur über die Schriftgröße und per css überschreiben des padding

                                          1 Reply Last reply Reply Quote 0
                                          • D
                                            darkiop Most Active @Scrounger last edited by

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

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

                                            @Scrounger Klasse die neuen selects!

                                            So auf die Schnelle, ich glaube die Textfarbe wird nicht übernommen:

                                            3f2efeb8-f265-4c13-9d8b-14fdc4de9ab2-grafik.png

                                            Müsste jetzt behoben sein, aktuellen master testen -> v0.2.47

                                            Passt noch nicht:

                                            0266a9ab-5492-45ae-8410-3aa8079e2985-grafik.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            736
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

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