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

    This topic has been deleted. Only users with topic management privileges can see it.
    • sigi234
      sigi234 Forum Testing Most Active @Scrounger last edited by sigi234

      @Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:
      @sigi234
      Hallo, kann ich beim Table Widget nur bestimmte COL anzeigen lassen so wie es im Table Widget im Original geht?

      Ist implementiert, bitte testen

      Funktioniert, Super arbeit! 👍
      Kann man ev. noch einen Text an die Daten anhängen?

      Screenshot (585).png

      Zb. Temp.min 2 °C

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

        @Scrounger :

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

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

        Mach mal nen export von dem Widget. Was ist das für ein Aktor? Hat der einen Working Datenpunkt?

        Es sind Homematic-Aktoren und haben einen Working Datenpunkt.

        Gut, die hab ich auch und auch schon eine Idee woran das liegen könnte. Schau ich mir an.

        Hattest du schon Zeit, dir das mal anzusehen? Besten Dank!

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

          @Scrounger Irgendwas stimmt da noch nicht. Zwar sind die Daten nicht mehr so "hoch", jedoch schient es nach einem auto refresh unterschiedlich zu rechnen..es sieht so aus, als ob bei jedem Refresh die Daten anders "multipliziert" oder dargestellt werden. Der Graph verändert sich und die X Label zeigen nur noch den NOV an...


          98bdeeb6-a934-4d0c-9ea2-2519138b7756-image.png

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

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

            Hattest du schon Zeit, dir das mal anzusehen? Besten Dank!

            Nein, ist in der prio aktuell auch sehr weit unten, musst dich gedulden.

            @msauer sagte in Test Adapter Material Design Widgets v0.1.x:

            @Scrounger Irgendwas stimmt da noch nicht. Zwar sind die Daten nicht mehr so "hoch", jedoch schient es nach einem auto refresh unterschiedlich zu rechnen..es sieht so aus, als ob bei jedem Refresh die Daten anders "multipliziert" oder dargestellt werden. Der Graph verändert sich und die X Label zeigen nur noch den NOV an...

            Ja da war ein Fehler drin, habs gefixt, bitte nochmal testen!

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

              Ich hab die table nochmal etwas überarbeitet. Ab sofort können nur noch json arrays mit objekten verwendet werden.
              Alle infos dazu findet ihr in der Doku

              Ihr könnt jetzt prefix und suffix html Elemente verwenden und dort object binding auf Attribute aus der gleichen Reihe verwenden. So ist es z.B. möglich in der Tabelle einen Link zu hinterlegen.

              Und ich kann euch sogar mal ein funktionierendes Beispiel hier posten, da die Table nicht zwingend einen DP benötigt. Hier ist das mit den oben angsprochenen table internen object bindings umgesetzt.

              table.gif

              [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"","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","countCols":"4","tableLayout":"card","showHeader":true,"headerTextSize":"15","textAlign0":"left","textAlign1":"left","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,"label0":"&nbsp;&nbsp;&nbsp;Erlebnis","label1":"Name","textAlign2":"right","label2":"Betriebszeit","textAlign3":"right","label3":"Betriebszeit","textSize0":"12","textSize1":"20","textSize2":"15","textSize3":"11","rowHeight":"27","padding_left1":"0","padding_left2":"0","padding_left3":"0","padding_right0":"0","padding_right1":"0","padding_right2":"","padding_right3":"","textAlign4":"center","padding_left4":"0","padding_right4":"0","label4":" ","headerRowHeight":"1","showColumn0":true,"showColumn1":true,"showColumn2":"true","showColumn3":false,"fontFamily0":"RobotoCondensed-Regular","fontFamily1":"RobotoCondensed-Regular","fontFamily2":"RobotoCondensed-Regular","fontFamily3":"RobotoCondensed-Regular","colorHeaderRowBackground":"#44739e","colorHeaderRowText":"#ffffff","headerFontFamily":"RobotoCondensed-Regular","textColor0":"","textColor1":"#44739e","colType0":"image","colType1":"text","colType2":"text","colType3":"text","imageHeight0":"60","prefix0":"<div style=\"height: 100%;\">\n    <span style=\"position: relative; top: -4px; left: 10px; font-family: RobotoCondensed-LightItalic\">#[obj.funk]</span>","suffix0":"</div>","padding_left0":"0","prefix1":"<a href=\"http://#[obj.ip]\" target=\"_blank\" style=\"text-decoration:none\">\n    <font color=\"#44739e\">","suffix1":"<font></a>","showColumn4":false,"colType4":"text","dataJson":"[\n{\"img\":\"/vis.0/myImages/erlebnis_50.png\",\"name\":\"Empire\",\"betriebszeit\":\"4h 06m\",\"funk\":\"5G\",\"ip\":\"10.0.0.1\"},\n{\"img\":\"/vis.0/myImages/erlebnis_100.png\",\"name\":\"Handy\",\"betriebszeit\":\"13m\",\"funk\":\"5G\",\"ip\":\"10.0.0.2\"},{\"img\":\"/vis.0/myImages/erlebnis_100.png\",\"name\":\"Harmony Hub - Wohnzimmer\",\"betriebszeit\":\"18T 07h 21m\",\"funk\":\"2G\",\"ip\":\"10.0.0.3\"},\n{\"img\":\"/vis.0/myImages/erlebnis_25.png\",\"name\":\"MusicCast - Esszimmer (WX-030)\",\"betriebszeit\":\"1h 57m\",\"funk\":\"2G\",\"ip\":\"10.0.0.4\"},\n{\"img\":\"/vis.0/myImages/erlebnis_75.png\",\"name\":\"MusicCast - Küche (ISX-18D)\",\"betriebszeit\":\"4h 10m\",\"funk\":\"2G\",\"ip\":\"10.0.0.5\"}\n]"},"style":{"left":"748px","top":"16px","width":"542px","height":"326px","overflow-y":""},"widgetSet":"materialdesign"}]
              

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

                @Scrounger

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

                Kann man ev. noch einen Text an die Daten anhängen?

                Herzlichen Dank! 👍

                Screenshot (592).png

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

                  @Scrounger

                  Toll was man daraus machen kann, ich bin noch immer Begeistert! 👍

                  Screenshot (601).png

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

                    @Scrounger ein passender colorpicker wäre auch noch cool. Habs selber schon mal versucht aber mein Frontend wissen geht gegen null:
                    colorpicher js

                    Scrounger 1 Reply Last reply Reply Quote 0
                    • D
                      dos1973 last edited by

                      Wird mal Zeit dass ihr mal zeigt was geht, wie ihr eurer Vis gebaut habt vorallem optisch und funktional ist der Adapter ein Meilenstein im Vis... meine Zeit lässt es derzeit nicht zu, aber ich lese hier fleißig mit.

                      @Scrounger
                      Wirklich richtig cooler Adapter!

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

                        @Meistertr sagte in Test Adapter Material Design Widgets v0.1.x:

                        @Scrounger ein passender colorpicker wäre auch noch cool. Habs selber schon mal versucht aber mein Frontend wissen geht gegen null:
                        colorpicher js

                        Erstell bitte nen issued bei git. Da ich selber den Picker nicht benötige, hat der vorerst auch Mal ne niedrige prio. Damit wir es aber nicht vergessen wäre ein Ticket gut.

                        @dos1973 sagte in Test Adapter Material Design Widgets v0.1.x:

                        Wird mal Zeit dass ihr mal zeigt was geht, wie ihr eurer Vis gebaut habt

                        Werde dazu einen extra Threads im vis Aufmachen, allerdings erst wenn der Adapter einen entsprechenden Reifegrad erreicht hat. Zur Zeit andere ich manchmal gravierende Dinge und dann würden die Beispiele ggf nicht mehr funktionieren.

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

                          @Scrounger

                          Ich hab gerade zwei kleine Probleme.

                          1.) Ich habe auf einer Seite meiner View eine Vorschaltseite (Pinsperre).
                          Erst bei Eingabe der richtigen Pin kommt man auf die eigentliche Seite.

                          Derzeit sieht es mit dem "Top App Bar Navigation Drawer" so aus, dass nach Eingabe der Pin zwar auf die
                          passende View geschaltet wird, allerdings ist dort dann natürlich der "Top App Bar Navigation Drawer" nicht mehr da.

                          Gibt es mit dem "Top App Bar Navigation Drawer" eine andere Möglichkeit dies zu realisieren?

                          2.) Und ist es Möglich, den Text der Subitems rechtsbündig anzuordnen?
                          {"itemText": "Alexa", "subItems": ["Wohnzimmer", "Schlafzimmer", "Küche", "Kinderzimmer"]}

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

                            Hab der table jetzt noch eine sortierfunktion beim anklicken der Spalte verpasst.

                            table.gif

                            Es gibt eine weitere Option 'sortKey'. Damit ist es möglich einer Spalte eine andere Property der Objekte des Arrays zum sortieren zu zuweisen. Ah ja du Nerd 😉

                            Ok machen wir das an einem Beispiel. Nehmen wir die oben dargestellte Spalte 'Betriebszeit'. Die Betriebszeit wird hier als gut lesbare Zeichenkette dargestellt. Würde man jetzt nach dieser sortieren (auf- bzw. absteigend), dann wäre die reihenfolge falsch und nicht korrekt nach Betriebszeit sortiert, da es eine Zeichenkette ist.
                            Deshalb kann man z.B. noch eine versteckte Spalte einfügen mit der Betriebszeit z.B. in Sekunden, nennen wir diese mal 'onTime'. Nun kann man in der dargestellten Spalte Betriebszeit im Feld 'sortKey' 'onTime' eintragen und schon wird alles richtig sortiert.

                            Schaut Euch das Beispiel Widget an, da ist das implemnetiert:

                            [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"","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","countCols":"6","tableLayout":"card","showHeader":true,"headerTextSize":"15","textAlign0":"left","textAlign1":"left","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,"label0":"Erlebnis","label1":"Name","textAlign2":"right","label2":"Betriebszeit","textAlign3":"right","label3":"Betriebszeit","textSize0":"12","textSize1":"20","textSize2":"15","textSize3":"11","rowHeight":"27","padding_left1":"0","padding_left2":"0","padding_left3":"0","padding_right0":"0","padding_right1":"0","padding_right2":"","padding_right3":"","textAlign4":"center","padding_left4":"0","padding_right4":"0","label4":" ","headerRowHeight":"1","showColumn0":true,"showColumn1":true,"showColumn2":"true","showColumn3":false,"fontFamily0":"RobotoCondensed-Regular","fontFamily1":"RobotoCondensed-Regular","fontFamily2":"RobotoCondensed-Regular","fontFamily3":"RobotoCondensed-Regular","colorHeaderRowBackground":"#44739e","colorHeaderRowText":"#ffffff","headerFontFamily":"RobotoCondensed-Regular","textColor0":"","textColor1":"#44739e","colType0":"image","colType1":"text","colType2":"text","colType3":"text","imageHeight0":"33","prefix0":"<div style=\"height: 100%;\">\n    <span style=\"position: relative; top: -4px; left: 10px; font-family: RobotoCondensed-LightItalic\">#[obj.funk]</span>","suffix0":"</div>","padding_left0":"4","prefix1":"<a href=\"http://#[obj.ip]\" target=\"_blank\" style=\"text-decoration:none\">\n    <font color=\"#44739e\">","suffix1":"<font></a>","showColumn4":false,"colType4":"text","dataJson":"[\n{\"img\":\"/vis.0/myImages/erlebnis_50.png\",\"name\":\"Empire\",\"betriebszeit\":\"4h 06m\",\"funk\":\"5G\",\"ip\":\"10.0.0.1\", \"erlebnis\": \"42\", \"onTime\": 14760},\n{\"img\":\"/vis.0/myImages/erlebnis_100.png\",\"name\":\"Handy\",\"betriebszeit\":\"13m\",\"funk\":\"5G\",\"ip\":\"10.0.0.2\", \"erlebnis\": \"77\", \"onTime\": 780},\n{\"img\":\"/vis.0/myImages/erlebnis_100.png\",\"name\":\"Harmony Hub - Wohnzimmer\",\"betriebszeit\":\"18T 07h 21m\",\"funk\":\"2G\",\"ip\":\"10.0.0.3\", \"erlebnis\": \"87\", \"onTime\": 1580421},\n{\"img\":\"/vis.0/myImages/erlebnis_25.png\",\"name\":\"MusicCast - Esszimmer (WX-030)\",\"betriebszeit\":\"1h 57m\",\"funk\":\"2G\",\"ip\":\"10.0.0.4\", \"erlebnis\": \"10\", \"onTime\": 7020},\n{\"img\":\"/vis.0/myImages/erlebnis_75.png\",\"name\":\"MusicCast - Küche (ISX-18D)\",\"betriebszeit\":\"4h 10m\",\"funk\":\"2G\",\"ip\":\"10.0.0.5\", \"erlebnis\": \"60\", \"onTime\": 15000}\n]","sortKey0":"erlebnis","showColumn5":false,"colType5":"text","textAlign5":"center","showColumn6":false,"colType6":"text","textAlign6":"center","sortKey2":"onTime"},"style":{"left":"748px","top":"16px","width":"542px","height":"326px","overflow-y":""},"widgetSet":"materialdesign"}]
                            

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

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

                              @Scrounger

                              Ich hab gerade zwei kleine Probleme.

                              1.) Ich habe auf einer Seite meiner View eine Vorschaltseite (Pinsperre).
                              Erst bei Eingabe der richtigen Pin kommt man auf die eigentliche Seite.

                              Derzeit sieht es mit dem "Top App Bar Navigation Drawer" so aus, dass nach Eingabe der Pin zwar auf die
                              passende View geschaltet wird, allerdings ist dort dann natürlich der "Top App Bar Navigation Drawer" nicht mehr da.

                              Gibt es mit dem "Top App Bar Navigation Drawer" eine andere Möglichkeit dies zu realisieren?

                              Also mir fällt da jetzt nix spontan ein wie man das realisieren könnte.

                              2.) Und ist es Möglich, den Text der Subitems rechtsbündig anzuordnen?
                              {"itemText": "Alexa", "subItems": ["Wohnzimmer", "Schlafzimmer", "Küche", "Kinderzimmer"]}

                              Per VisEditor nicht, aber per css müsste es gehen.
                              ich muss mal schauen ob das schnell zu implementieren geht.

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

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

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

                                @Scrounger

                                Ich hab gerade zwei kleine Probleme.

                                1.) Ich habe auf einer Seite meiner View eine Vorschaltseite (Pinsperre).
                                Erst bei Eingabe der richtigen Pin kommt man auf die eigentliche Seite.

                                Derzeit sieht es mit dem "Top App Bar Navigation Drawer" so aus, dass nach Eingabe der Pin zwar auf die
                                passende View geschaltet wird, allerdings ist dort dann natürlich der "Top App Bar Navigation Drawer" nicht mehr da.

                                Gibt es mit dem "Top App Bar Navigation Drawer" eine andere Möglichkeit dies zu realisieren?

                                Also mir fällt da jetzt nix spontan ein wie man das realisieren könnte.

                                Ok, dann muss ich jede View die Kinder nicht bedienen dürfen zu einem neuen Projekt zusammenfügen.
                                Auch kein Problem.

                                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.1.x:

                                  Hab der table jetzt noch eine sortierfunktion beim anklicken der Spalte verpasst.

                                  table.gif

                                  Es gibt eine weitere Option 'sortKey'. Damit ist es möglich einer Spalte eine andere Property der Objekte des Arrays zum sortieren zu zuweisen. Ah ja du Nerd 😉

                                  Ok machen wir das an einem Beispiel. Nehmen wir die oben dargestellte Spalte 'Betriebszeit'. Die Betriebszeit wird hier als gut lesbare Zeichenkette dargestellt. Würde man jetzt nach dieser sortieren (auf- bzw. absteigend), dann wäre die reihenfolge falsch und nicht korrekt nach Betriebszeit sortiert, da es eine Zeichenkette ist.
                                  Deshalb kann man z.B. noch eine versteckte Spalte einfügen mit der Betriebszeit z.B. in Sekunden, nennen wir diese mal 'onTime'. Nun kann man in der dargestellten Spalte Betriebszeit im Feld 'sortKey' 'onTime' eintragen und schon wird alles richtig sortiert.

                                  Schaut Euch das Beispiel Widget an, da ist das implemnetiert:

                                  [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"","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","countCols":"6","tableLayout":"card","showHeader":true,"headerTextSize":"15","textAlign0":"left","textAlign1":"left","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,"label0":"Erlebnis","label1":"Name","textAlign2":"right","label2":"Betriebszeit","textAlign3":"right","label3":"Betriebszeit","textSize0":"12","textSize1":"20","textSize2":"15","textSize3":"11","rowHeight":"27","padding_left1":"0","padding_left2":"0","padding_left3":"0","padding_right0":"0","padding_right1":"0","padding_right2":"","padding_right3":"","textAlign4":"center","padding_left4":"0","padding_right4":"0","label4":" ","headerRowHeight":"1","showColumn0":true,"showColumn1":true,"showColumn2":"true","showColumn3":false,"fontFamily0":"RobotoCondensed-Regular","fontFamily1":"RobotoCondensed-Regular","fontFamily2":"RobotoCondensed-Regular","fontFamily3":"RobotoCondensed-Regular","colorHeaderRowBackground":"#44739e","colorHeaderRowText":"#ffffff","headerFontFamily":"RobotoCondensed-Regular","textColor0":"","textColor1":"#44739e","colType0":"image","colType1":"text","colType2":"text","colType3":"text","imageHeight0":"33","prefix0":"<div style=\"height: 100%;\">\n    <span style=\"position: relative; top: -4px; left: 10px; font-family: RobotoCondensed-LightItalic\">#[obj.funk]</span>","suffix0":"</div>","padding_left0":"4","prefix1":"<a href=\"http://#[obj.ip]\" target=\"_blank\" style=\"text-decoration:none\">\n    <font color=\"#44739e\">","suffix1":"<font></a>","showColumn4":false,"colType4":"text","dataJson":"[\n{\"img\":\"/vis.0/myImages/erlebnis_50.png\",\"name\":\"Empire\",\"betriebszeit\":\"4h 06m\",\"funk\":\"5G\",\"ip\":\"10.0.0.1\", \"erlebnis\": \"42\", \"onTime\": 14760},\n{\"img\":\"/vis.0/myImages/erlebnis_100.png\",\"name\":\"Handy\",\"betriebszeit\":\"13m\",\"funk\":\"5G\",\"ip\":\"10.0.0.2\", \"erlebnis\": \"77\", \"onTime\": 780},\n{\"img\":\"/vis.0/myImages/erlebnis_100.png\",\"name\":\"Harmony Hub - Wohnzimmer\",\"betriebszeit\":\"18T 07h 21m\",\"funk\":\"2G\",\"ip\":\"10.0.0.3\", \"erlebnis\": \"87\", \"onTime\": 1580421},\n{\"img\":\"/vis.0/myImages/erlebnis_25.png\",\"name\":\"MusicCast - Esszimmer (WX-030)\",\"betriebszeit\":\"1h 57m\",\"funk\":\"2G\",\"ip\":\"10.0.0.4\", \"erlebnis\": \"10\", \"onTime\": 7020},\n{\"img\":\"/vis.0/myImages/erlebnis_75.png\",\"name\":\"MusicCast - Küche (ISX-18D)\",\"betriebszeit\":\"4h 10m\",\"funk\":\"2G\",\"ip\":\"10.0.0.5\", \"erlebnis\": \"60\", \"onTime\": 15000}\n]","sortKey0":"erlebnis","showColumn5":false,"colType5":"text","textAlign5":"center","showColumn6":false,"colType6":"text","textAlign6":"center","sortKey2":"onTime"},"style":{"left":"748px","top":"16px","width":"542px","height":"326px","overflow-y":""},"widgetSet":"materialdesign"}]
                                  

                                  Hallo, also das ist ja nur wenn ich eine Fixe Tabelle einfügen will, die Daten aktualisieren sich ja nicht automatisch.
                                  Oder sehe ich da was Falsch?

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

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

                                    2.) Und ist es Möglich, den Text der Subitems rechtsbündig anzuordnen?
                                    {"itemText": "Alexa", "subItems": ["Wohnzimmer", "Schlafzimmer", "Küche", "Kinderzimmer"]}

                                    Habs grad eingebaut, kann jetzt für die Items und SubItems eingestellt werden per VisEditor.
                                    Positiver Nebeneffekt, bei den Listen Widgets muss ich es jetzt auch noch einbauen 😉

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

                                    Hallo, also das ist ja nur wenn ich eine Fixe Tabelle einfügen will, die Daten aktualisieren sich ja nicht automatisch.
                                    Oder sehe ich da was Falsch?

                                    Ja siehst du falsch, geht auch wenn du die Daten per Datenpunkt an die Tabelle übergibst.

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

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

                                      Ja siehst du falsch, geht auch wenn du die Daten per Datenpunkt an die Tabelle übergibst.

                                      Und wie? Kannst du mir bitte ein Beispiel machen irgendwo habe ich immer einen Fehler:

                                      DP:
                                      daswetter.0.NextHours.Location_1.Day_1.current.clouds_value

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

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

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

                                        2.) Und ist es Möglich, den Text der Subitems rechtsbündig anzuordnen?
                                        {"itemText": "Alexa", "subItems": ["Wohnzimmer", "Schlafzimmer", "Küche", "Kinderzimmer"]}

                                        Habs grad eingebaut, kann jetzt für die Items und SubItems eingestellt werden per VisEditor.
                                        Positiver Nebeneffekt, bei den Listen Widgets muss ich es jetzt auch noch einbauen 😉

                                        Danke

                                        Allerdings scheint es nicht zu klappen, oder ich hab es falsch eingestellt.
                                        Submenü bleibt leider zentriert.

                                        vis (3).png
                                        Edit vis (12).png

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

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

                                          Allerdings scheint es nicht zu klappen, oder ich hab es falsch eingestellt.
                                          Submenü bleibt leider zentriert.

                                          Edit vis (12).png

                                          Screenshot (603)_LI.jpg

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

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

                                            Und wie? Kannst du mir bitte ein Beispiel machen irgendwo habe ich immer einen Fehler:

                                            DP:
                                            daswetter.0.NextHours.Location_1.Day_1.current.clouds_value

                                            Poste mal die Value des Datenpunktes.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            969
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            adapter material ui vis
                                            22
                                            189
                                            26740
                                            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