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

Geplant Angeheftet Gesperrt Verschoben Tester
adaptervismaterial ui
189 Beiträge 22 Kommentatoren 39.2k Aufrufe 30 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.
  • M msauer

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

    Na da wollen wir ja nicht in den features abgehängt werden
    habs implementiert, war sehr easy -> aktuellen master laden und bitte testen.

    Super, ja funktioniert....jetzt passts...danke

    UPDATE: Zuerst ja, dann nach dem ersten Auto Refresh werden wieder die alten hohen Werte angezeigt und die X Achse pass irgendwie auch nicht mehr

    921d8d73-e42a-4582-b990-53119e7c46eb-image.png

    db8dd472-8452-47c8-b72c-c6f03a0f0aed-image.png

    ScroungerS Offline
    ScroungerS Offline
    Scrounger
    Developer
    schrieb am zuletzt editiert von
    #101

    @msauer
    hab den fix hochgeladen

    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

    M 1 Antwort Letzte Antwort
    0
    • ScroungerS Scrounger

      @dos1973
      Was möchtest du denn machen?
      Du kannst css bei allen Widgets einsetzen, musst dann halt entsprechend dir die element zur runtime anschauen und mit CSS dann das überschrieben was du willst.

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

      Hallo, kann ich beim Table Widget nur bestimmte COL anzeigen lassen so wie es im Table Widget im Original geht?

      Ist implementiert, bitte testen

      sigi234S Online
      sigi234S Online
      sigi234
      Forum Testing Most Active
      schrieb am zuletzt editiert von sigi234
      #102

      @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! :+1:
      Kann man ev. noch einen Text an die Daten anhängen?

      Screenshot (585).png

      Zb. Temp.min 2 °C

      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
      Immer Daten sichern!

      1 Antwort Letzte Antwort
      0
      • ScroungerS Scrounger

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

        @Scrounger

        Wie stell ich es ein, dass nicht jede Änderung angezeigt wird, sondern eine fortlaufende Wellenform?

        geht wie beim Flot Adapter, mit count oder minTimeInterval kannst du die Anzahl begrenzen.
        https://github.com/Scrounger/ioBroker.vis-materialdesign#line-history-chart

        Weiter kannst du unter group_linelayout das Aussehen der Punkte beeinflussen und über lineThikness die Linien.

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

        B Offline
        B Offline
        BobBruni
        schrieb am zuletzt editiert von
        #103

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

        ScroungerS 1 Antwort Letzte Antwort
        0
        • ScroungerS Scrounger

          @msauer
          hab den fix hochgeladen

          M Offline
          M Offline
          msauer
          schrieb am zuletzt editiert von
          #104

          @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

          Proxmox 3 Node HA-Cluster TRIGKEY Mini-PC N100 mit 32 GB RAM und 3x1TB shared SSDs. VM- iobroker ,Raspberrymatic. LXC - Adguard, , Traccar, iSpy, Fileserver (emby, MiniDLNA)...usw

          1 Antwort Letzte Antwort
          0
          • B BobBruni

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

            ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            schrieb am zuletzt editiert von
            #105

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

            <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
            • ScroungerS Offline
              ScroungerS Offline
              Scrounger
              Developer
              schrieb am zuletzt editiert von
              #106

              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"}]
              

              <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
              1
              • ScroungerS Scrounger

                Hallo zusammen,
                ich arbeite aktuell an einem VIS-Adapter, der auf Google material components web Bibliothek basiert und "echte" Material Widgets zur Verfügung stellt inkl. der entsprechenden Effekt, wie Overlay, ripple, etc.

                Der Adapter befindet sich bereits im latest repository.
                Neue Funktionen (Widgets) werde ich zu erst hier vorstellen - wer dieses testen möchte muss direkt von github installieren: https://github.com/Scrounger/iobroker.vis-materialdesign.
                Nach erfolgreichem Feedback mach ich eine neue Version für das latest.

                Folgende Elemente sind bereits enthalten:

                review.gif

                Da das mein erster VIS Adapter ist, benötige ich etwas Unterstützung bei der weiteren Entwicklung und natürlich Euer Feedback vom testen.

                Gemäß den Forumsrichtlinien ist das Thema in die Kategorie 'Test' umgezogen. Den alten Thread findet ihr hier und bitte dort auch nachschauen bei fragen: https://forum.iobroker.net/topic/25374/neuer-vis-adpater-material-design-widgets

                paypal

                sigi234S Online
                sigi234S Online
                sigi234
                Forum Testing Most Active
                schrieb am zuletzt editiert von
                #107

                @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! :+1:

                Screenshot (592).png

                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                Immer Daten sichern!

                1 Antwort Letzte Antwort
                0
                • ScroungerS Scrounger

                  Hallo zusammen,
                  ich arbeite aktuell an einem VIS-Adapter, der auf Google material components web Bibliothek basiert und "echte" Material Widgets zur Verfügung stellt inkl. der entsprechenden Effekt, wie Overlay, ripple, etc.

                  Der Adapter befindet sich bereits im latest repository.
                  Neue Funktionen (Widgets) werde ich zu erst hier vorstellen - wer dieses testen möchte muss direkt von github installieren: https://github.com/Scrounger/iobroker.vis-materialdesign.
                  Nach erfolgreichem Feedback mach ich eine neue Version für das latest.

                  Folgende Elemente sind bereits enthalten:

                  review.gif

                  Da das mein erster VIS Adapter ist, benötige ich etwas Unterstützung bei der weiteren Entwicklung und natürlich Euer Feedback vom testen.

                  Gemäß den Forumsrichtlinien ist das Thema in die Kategorie 'Test' umgezogen. Den alten Thread findet ihr hier und bitte dort auch nachschauen bei fragen: https://forum.iobroker.net/topic/25374/neuer-vis-adpater-material-design-widgets

                  paypal

                  sigi234S Online
                  sigi234S Online
                  sigi234
                  Forum Testing Most Active
                  schrieb am zuletzt editiert von
                  #108

                  @Scrounger

                  Toll was man daraus machen kann, ich bin noch immer Begeistert! :+1:

                  Screenshot (601).png

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                  Immer Daten sichern!

                  1 Antwort Letzte Antwort
                  0
                  • MeistertrM Offline
                    MeistertrM Offline
                    Meistertr
                    Developer
                    schrieb am zuletzt editiert von Meistertr
                    #109

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

                    ScroungerS 1 Antwort Letzte Antwort
                    0
                    • D Offline
                      D Offline
                      dos1973
                      schrieb am zuletzt editiert von
                      #110

                      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 Antwort Letzte Antwort
                      0
                      • MeistertrM Meistertr

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

                        ScroungerS Offline
                        ScroungerS Offline
                        Scrounger
                        Developer
                        schrieb am zuletzt editiert von
                        #111

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

                        <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
                        • NegaleinN Offline
                          NegaleinN Offline
                          Negalein
                          Global Moderator
                          schrieb am zuletzt editiert von Negalein
                          #112

                          @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"]}

                          ° Node.js: 20.17.0 NPM: 10.8.2
                          ° Proxmox, Ubuntu 22.04.3 LTS
                          ° Fixer ---> iob fix

                          ScroungerS 2 Antworten Letzte Antwort
                          0
                          • ScroungerS Offline
                            ScroungerS Offline
                            Scrounger
                            Developer
                            schrieb am zuletzt editiert von Scrounger
                            #113

                            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"}]
                            

                            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                            sigi234S 1 Antwort Letzte Antwort
                            1
                            • NegaleinN 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"]}

                              ScroungerS Offline
                              ScroungerS Offline
                              Scrounger
                              Developer
                              schrieb am zuletzt editiert von
                              #114

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

                              <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                              <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                              NegaleinN 1 Antwort Letzte Antwort
                              0
                              • ScroungerS Scrounger

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

                                NegaleinN Offline
                                NegaleinN Offline
                                Negalein
                                Global Moderator
                                schrieb am zuletzt editiert von
                                #115

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

                                ° Node.js: 20.17.0 NPM: 10.8.2
                                ° Proxmox, Ubuntu 22.04.3 LTS
                                ° Fixer ---> iob fix

                                1 Antwort Letzte Antwort
                                0
                                • ScroungerS 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"}]
                                  

                                  sigi234S Online
                                  sigi234S Online
                                  sigi234
                                  Forum Testing Most Active
                                  schrieb am zuletzt editiert von sigi234
                                  #116

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

                                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                  Immer Daten sichern!

                                  1 Antwort Letzte Antwort
                                  0
                                  • NegaleinN 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"]}

                                    ScroungerS Offline
                                    ScroungerS Offline
                                    Scrounger
                                    Developer
                                    schrieb am zuletzt editiert von
                                    #117

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

                                    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                    sigi234S NegaleinN 2 Antworten Letzte Antwort
                                    0
                                    • ScroungerS Scrounger

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

                                      sigi234S Online
                                      sigi234S Online
                                      sigi234
                                      Forum Testing Most Active
                                      schrieb am zuletzt editiert von
                                      #118

                                      @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

                                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                      Immer Daten sichern!

                                      ScroungerS 1 Antwort Letzte Antwort
                                      0
                                      • ScroungerS Scrounger

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

                                        NegaleinN Offline
                                        NegaleinN Offline
                                        Negalein
                                        Global Moderator
                                        schrieb am zuletzt editiert von
                                        #119

                                        @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

                                        ° Node.js: 20.17.0 NPM: 10.8.2
                                        ° Proxmox, Ubuntu 22.04.3 LTS
                                        ° Fixer ---> iob fix

                                        sigi234S 1 Antwort Letzte Antwort
                                        0
                                        • NegaleinN Negalein

                                          @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

                                          sigi234S Online
                                          sigi234S Online
                                          sigi234
                                          Forum Testing Most Active
                                          schrieb am zuletzt editiert von
                                          #120

                                          @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

                                          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                          Immer Daten sichern!

                                          NegaleinN 1 Antwort Letzte Antwort
                                          2
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          464

                                          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