Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter Material Design Widgets v0.2.x

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    2.0k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    921

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Test Adapter Material Design Widgets v0.2.x

Scheduled Pinned Locked Moved Tester
visadapatervisualizationmaterialwidget
902 Posts 77 Posters 247.1k Views 79 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • O Oli

    @Scrounger
    das habe ich gefunden, ich meinte, sobald eine Auswahl getroffen wurde, wie in meinen Bild, die 2 Minuten.

    D Offline
    D Offline
    darkiop
    Most Active
    wrote on last edited by
    #66

    @Oli dazu habe ich vorhin ein issue erstellt:

    https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/17

    Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

    O 1 Reply Last reply
    0
    • D darkiop

      @Oli dazu habe ich vorhin ein issue erstellt:

      https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/17

      O Online
      O Online
      Oli
      wrote on last edited by Oli
      #67

      @darkiop

      oh super, ich habe es zwar gelesen, dachte aber es geht um ein anderes Wiget

      Andere Frage, kannst du die Höhe des Wigets verändern?

      Gruß
      Oliver

      1 Reply Last reply
      0
      • S Offline
        S Offline
        Snapergy
        wrote on last edited by
        #68

        @Scrounger

        da mir @sigi234 in meinem thread schon ein wenig geholfen hat und mich hierher verwiesen hat, wollte ich dich mich fragen, ob es geplant ist die discrete slider auch in einer vertikalen ausführung bereitzustellen? Ich bräuchte jene um meine Jalousien zu steuern.

        ScroungerS 1 Reply Last reply
        0
        • S Snapergy

          @Scrounger

          da mir @sigi234 in meinem thread schon ein wenig geholfen hat und mich hierher verwiesen hat, wollte ich dich mich fragen, ob es geplant ist die discrete slider auch in einer vertikalen ausführung bereitzustellen? Ich bräuchte jene um meine Jalousien zu steuern.

          ScroungerS Offline
          ScroungerS Offline
          Scrounger
          Developer
          wrote on last edited by Scrounger
          #69

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

          ob es geplant ist die discrete slider auch in einer vertikalen ausführung bereitzustellen?

          Würde ich gerne, aber die verwendete api beinhaltet die vertikale Version nicht und ich bekomme es leider nicht hin. Da brauch ich unterstützung von den echten Pros, hatte ich bereits zu beginn mal gefragt
          https://forum.iobroker.net/topic/25374/neuer-vis-adpater-material-design-widgets

          S 1 Reply Last reply
          0
          • ScroungerS Scrounger

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

            ob es geplant ist die discrete slider auch in einer vertikalen ausführung bereitzustellen?

            Würde ich gerne, aber die verwendete api beinhaltet die vertikale Version nicht und ich bekomme es leider nicht hin. Da brauch ich unterstützung von den echten Pros, hatte ich bereits zu beginn mal gefragt
            https://forum.iobroker.net/topic/25374/neuer-vis-adpater-material-design-widgets

            S Offline
            S Offline
            Snapergy
            wrote on last edited by
            #70

            @Scrounger

            ich bin jetzt auch nicht der Pro, aber den jqui slider gibt es ja vertikal, vielleicht kann man da abkupfern? mittels CSS kann ich den diskreten Slider ja drehen, aber leider muss ich trotzdem nach rechts und links schieben und nicht nach oben und unten um etwas am slider zu verändern

            ScroungerS 1 Reply Last reply
            0
            • S Offline
              S Offline
              Snapergy
              wrote on last edited by
              #71

              mal ganz primitiv gesprochen, da ich mich mit der programmierung nicht auskenne, aber kann man das ganze objekt nicht irgendwie um 90 grad bzw. 270 grad drehen? um die label kann man sich ja per css kümmern...

              1 Reply Last reply
              0
              • S Snapergy

                @Scrounger

                ich bin jetzt auch nicht der Pro, aber den jqui slider gibt es ja vertikal, vielleicht kann man da abkupfern? mittels CSS kann ich den diskreten Slider ja drehen, aber leider muss ich trotzdem nach rechts und links schieben und nicht nach oben und unten um etwas am slider zu verändern

                ScroungerS Offline
                ScroungerS Offline
                Scrounger
                Developer
                wrote on last edited by
                #72

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

                @Scrounger

                ich bin jetzt auch nicht der Pro, aber den jqui slider gibt es ja vertikal, vielleicht kann man da abkupfern? mittels CSS kann ich den diskreten Slider ja drehen, aber leider muss ich trotzdem nach rechts und links schieben und nicht nach oben und unten um etwas am slider zu verändern

                Habe da schon entsprechend Zeit investiert, aber ich bekomme es nicht hin. Gerne kannst dir ja den source anschauen, bin über jede Hilfe dankbar.
                https://github.com/material-components/material-components-web/tree/master/packages/mdc-slider

                S 2 Replies Last reply
                0
                • S Offline
                  S Offline
                  skokarl
                  wrote on last edited by
                  #73

                  @Scrounger

                  sag mal...... könnte man bei der Top App Bar noch ne Wurschtefinger Option anbieten ?

                  etwas größer ? :grimacing:

                  1.PNG

                  IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                  N 1 Reply Last reply
                  0
                  • ScroungerS Scrounger

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

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

                    aber das mit dem Zeilenumbruch klappt leider noch nicht.

                    Ok da ist noch ein bug drin, weshalb das nicht so einfach geht.

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

                    Rein aus Interesse, würdest du als Entwickler der Widgets mal einen Screen deiner VIS posten?

                    :grin: Da wärt ihr alle sehr entäuscht. Hab grad mal 3 halbfertige Views bis jetzt, weil ich nebenbei immer Fehler oder Sachen entdecke, die ich zur Umsetzung meiner Ideen noch programmieren muss. Und sobald das implementiert ist hab ich mein Idee bereits vergessen :face_palm:

                    Sobald ich mal einen representativen Stand habe werde ich hier, wie bereits erwähnt, einen extra Thread eröffnen wo wir dann unsere zusammengestellten Widgets zur Bedienung von Lampen, Media, Heizung, etc. teilen können.

                    O Online
                    O Online
                    Oli
                    wrote on last edited by
                    #74

                    @Scrounger

                    kannst vielleicht das einfärben des Kästchens noch mit einbauen?

                    ab2fd412-96ce-4c72-af17-5c1af1246147-image.png

                    Beim History Chart ist mir auch noch was aufgefallen, weis nicht ob das an meinen Einstellungen liegt, oder ob das vielleicht ein Fehler ist

                    In dieser Ansicht ist alles super, so wie es sein soll

                    fbcb5b14-da2e-422d-bf94-aa179448870d-image.png

                    Wenn ich die RAM Auslastung ausblende, ist gar keine Y Achse mehr zu sehen.

                    344253b3-e97f-4e2b-b248-ce38bbd1a151-image.png

                    Wenn ich CPU Auslastung ausblende, sind plötzlich 2 Y Achsen zu sehen

                    9a906ca6-3e2b-4725-a8e7-ea7b3397fbf5-image.png

                    Hier meine Einstellungen

                    a66dbb34-35d3-4832-a40f-fb62b8e04792-image.png

                    Gruß
                    Oliver

                    1 Reply Last reply
                    0
                    • ScroungerS Offline
                      ScroungerS Offline
                      Scrounger
                      Developer
                      wrote on last edited by Scrounger
                      #75

                      Version 0.2.7 ist demnächst im latest

                      Version 0.2.7:

                      • (Scrounger): List Widget: types switch readonly, checkbox readonly & button toggle readonly added
                      • (Scrounger): Line History Chart Widget: bug fix for hide yaxis by legend click if common axis is set
                      • (Scrounger): Line History Chart Widget: option to append text to yAxis values added
                      • (Scrounger): Switch Widget: color options added
                      • (Scrounger): chartjs lib updated to v2.9.3
                      • (Scrounger): round-slider: lib updated to v0.3.7
                      • (Scrounger): Table Widget: wordwrap & width option added
                      • (Scrounger): Chart Widgets: option for background color of diagram area added

                      @Oli
                      Ist in dieser Version behoben

                      @skokarl
                      musst per css machen, hab keine Wurschtfinger ;)

                      O S 3 Replies Last reply
                      0
                      • ScroungerS Scrounger

                        Version 0.2.7 ist demnächst im latest

                        Version 0.2.7:

                        • (Scrounger): List Widget: types switch readonly, checkbox readonly & button toggle readonly added
                        • (Scrounger): Line History Chart Widget: bug fix for hide yaxis by legend click if common axis is set
                        • (Scrounger): Line History Chart Widget: option to append text to yAxis values added
                        • (Scrounger): Switch Widget: color options added
                        • (Scrounger): chartjs lib updated to v2.9.3
                        • (Scrounger): round-slider: lib updated to v0.3.7
                        • (Scrounger): Table Widget: wordwrap & width option added
                        • (Scrounger): Chart Widgets: option for background color of diagram area added

                        @Oli
                        Ist in dieser Version behoben

                        @skokarl
                        musst per css machen, hab keine Wurschtfinger ;)

                        O Online
                        O Online
                        Oli
                        wrote on last edited by
                        #76

                        @Scrounger

                        du bist der Beste :-)

                        Gruß
                        Oliver

                        1 Reply Last reply
                        0
                        • ScroungerS Scrounger

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

                          @Scrounger

                          ich bin jetzt auch nicht der Pro, aber den jqui slider gibt es ja vertikal, vielleicht kann man da abkupfern? mittels CSS kann ich den diskreten Slider ja drehen, aber leider muss ich trotzdem nach rechts und links schieben und nicht nach oben und unten um etwas am slider zu verändern

                          Habe da schon entsprechend Zeit investiert, aber ich bekomme es nicht hin. Gerne kannst dir ja den source anschauen, bin über jede Hilfe dankbar.
                          https://github.com/material-components/material-components-web/tree/master/packages/mdc-slider

                          S Offline
                          S Offline
                          Snapergy
                          wrote on last edited by
                          #77

                          @Scrounger

                          ich bin da leider nicht firm. Versuche etwas mit meinen schwachen Kenntnissen zu finden und meistens klappt das auch, aber hier bin ich auch überfragt. Ich werde mal bei mir auf Arbeit die Cracks konsultieren, ansonsten bin ich leider auch raus... Bräuchte aber für die Jalousiesteuerung einen vertikalen mit "Live"-Anzeige des Werts. Würde auch ein Update für den Jqui-Slider nehmen, sodass man dort einen Live-Wert angezeigt bekommt :) Über einen State und dann auf ein Element ist leider immer nur mit delay verbunden...

                          1 Reply Last reply
                          0
                          • ScroungerS Scrounger

                            Version 0.2.7 ist demnächst im latest

                            Version 0.2.7:

                            • (Scrounger): List Widget: types switch readonly, checkbox readonly & button toggle readonly added
                            • (Scrounger): Line History Chart Widget: bug fix for hide yaxis by legend click if common axis is set
                            • (Scrounger): Line History Chart Widget: option to append text to yAxis values added
                            • (Scrounger): Switch Widget: color options added
                            • (Scrounger): chartjs lib updated to v2.9.3
                            • (Scrounger): round-slider: lib updated to v0.3.7
                            • (Scrounger): Table Widget: wordwrap & width option added
                            • (Scrounger): Chart Widgets: option for background color of diagram area added

                            @Oli
                            Ist in dieser Version behoben

                            @skokarl
                            musst per css machen, hab keine Wurschtfinger ;)

                            S Offline
                            S Offline
                            SchuetzeSchulz
                            wrote on last edited by SchuetzeSchulz
                            #78

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

                            musst per css machen, hab keine Wurschtfinger ;)

                            Hallo,

                            arbeite mich auch gerade in Deine Widgets ein. Kannst Du mir sagen, wie ich das Menü mit CSS größer bekomme?
                            Gerade das Icon zum Öffnen des Menüs sowie die Icons vor den Menüeinträgen hätte ich gern größer.

                            Und wie bekomme ich die Switches generell größer?
                            Wenn ich die so auf meine View platziere, sind sie auf dem Tablet viel zu klein zum Bedienen.

                            1 Reply Last reply
                            0
                            • D Offline
                              D Offline
                              darkbrain85
                              wrote on last edited by
                              #79

                              Hi!

                              Ich habe leider keine neuen Widgets in VIS verfügbar. Beim hinzufügen erhalten ich

                              INFO: Directory "/opt/iobroker/node_modules/iobroker.vis-materialdesign/www" was not found! Nothing was uploaded or deleted.
                              

                              Idee dazu?

                              sigi234S 1 Reply Last reply
                              0
                              • D darkbrain85

                                Hi!

                                Ich habe leider keine neuen Widgets in VIS verfügbar. Beim hinzufügen erhalten ich

                                INFO: Directory "/opt/iobroker/node_modules/iobroker.vis-materialdesign/www" was not found! Nothing was uploaded or deleted.
                                

                                Idee dazu?

                                sigi234S Online
                                sigi234S Online
                                sigi234
                                Forum Testing Most Active
                                wrote on last edited by
                                #80

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

                                Hi!

                                Ich habe leider keine neuen Widgets in VIS verfügbar. Beim hinzufügen erhalten ich

                                INFO: Directory "/opt/iobroker/node_modules/iobroker.vis-materialdesign/www" was not found! Nothing was uploaded or deleted.
                                

                                Idee dazu?

                                iobroker stop vis
                                iobroker upload vis
                                iobroker start vis
                                Browser Cache leeren

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

                                D 1 Reply Last reply
                                0
                                • sigi234S sigi234

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

                                  Hi!

                                  Ich habe leider keine neuen Widgets in VIS verfügbar. Beim hinzufügen erhalten ich

                                  INFO: Directory "/opt/iobroker/node_modules/iobroker.vis-materialdesign/www" was not found! Nothing was uploaded or deleted.
                                  

                                  Idee dazu?

                                  iobroker stop vis
                                  iobroker upload vis
                                  iobroker start vis
                                  Browser Cache leeren

                                  D Offline
                                  D Offline
                                  darkbrain85
                                  wrote on last edited by
                                  #81

                                  @sigi234

                                  Leider nein... gerade nochmal durch laufen lassen...

                                  sigi234S 1 Reply Last reply
                                  0
                                  • D darkbrain85

                                    @sigi234

                                    Leider nein... gerade nochmal durch laufen lassen...

                                    sigi234S Online
                                    sigi234S Online
                                    sigi234
                                    Forum Testing Most Active
                                    wrote on last edited by sigi234
                                    #82

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

                                    @sigi234

                                    Leider nein... gerade nochmal durch laufen lassen...

                                    System mal neu gestartet?
                                    Wie installiert?
                                    Hast du eine Instanz mit dem + hinzugefügt? Danach einen Upload gemacht (Pfeil nach oben)

                                    Screenshot (715)_LI.jpg

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

                                    1 Reply Last reply
                                    0
                                    • S Offline
                                      S Offline
                                      SchuetzeSchulz
                                      wrote on last edited by
                                      #83

                                      Bei mir musste ich den Web-Adapter welcher mit der VIS Instanz verknüpft ist neustarten. Dann ging es.

                                      1 Reply Last reply
                                      0
                                      • D Offline
                                        D Offline
                                        darkbrain85
                                        wrote on last edited by
                                        #84

                                        Hi!

                                        Jup, ein iobroker restart hat es gerichtet... Danke!
                                        Ich mache das immer äußerst ungerne :-D

                                        1 Reply Last reply
                                        0
                                        • ScroungerS Scrounger

                                          Version 0.2.7 ist demnächst im latest

                                          Version 0.2.7:

                                          • (Scrounger): List Widget: types switch readonly, checkbox readonly & button toggle readonly added
                                          • (Scrounger): Line History Chart Widget: bug fix for hide yaxis by legend click if common axis is set
                                          • (Scrounger): Line History Chart Widget: option to append text to yAxis values added
                                          • (Scrounger): Switch Widget: color options added
                                          • (Scrounger): chartjs lib updated to v2.9.3
                                          • (Scrounger): round-slider: lib updated to v0.3.7
                                          • (Scrounger): Table Widget: wordwrap & width option added
                                          • (Scrounger): Chart Widgets: option for background color of diagram area added

                                          @Oli
                                          Ist in dieser Version behoben

                                          @skokarl
                                          musst per css machen, hab keine Wurschtfinger ;)

                                          O Online
                                          O Online
                                          Oli
                                          wrote on last edited by Oli
                                          #85

                                          @Scrounger

                                          konnte ich schon ein wenig Testen, sieht super aus, allerdings verschwindet die Y-Achse immer noch, wenn ich den zweiten Datensatz ausblende. Wenn ich den ersten ausblende wird alles korrekt Dargestellt.

                                          2b92eac8-5e66-446e-83e4-9e4b9fe5eeb0-image.png

                                          Beim Table Widget funktioniert der Zeilenumbruch perfekt

                                          a75f69b7-d1d4-461c-983a-2e9ac18a7c81-image.png

                                          Danke nochmal für die tolle Arbeit.

                                          Gruß
                                          Oliver

                                          D ScroungerS v522533V 3 Replies Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          744

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe