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

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.3k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.3k

Test Adapter Material Design Widgets v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialwidget
902 Beiträge 77 Kommentatoren 233.8k Aufrufe 79 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.
  • S Offline
    S Offline
    Snapergy
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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

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

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

      S 2 Antworten Letzte Antwort
      0
      • S Offline
        S Offline
        skokarl
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            schrieb am zuletzt editiert von 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 ;)

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

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

            O S 3 Antworten Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #76

              @Scrounger

              du bist der Beste :-)

              Gruß
              Oliver

              1 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                  0
                  • D Offline
                    D Offline
                    darkbrain85
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #81

                        @sigi234

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

                        sigi234S 1 Antwort Letzte Antwort
                        0
                        • D darkbrain85

                          @sigi234

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

                          sigi234S Online
                          sigi234S Online
                          sigi234
                          Forum Testing Most Active
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          0
                          • S Offline
                            S Offline
                            SchuetzeSchulz
                            schrieb am zuletzt editiert von
                            #83

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

                            1 Antwort Letzte Antwort
                            0
                            • D Offline
                              D Offline
                              darkbrain85
                              schrieb am zuletzt editiert von
                              #84

                              Hi!

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

                              1 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                                0
                                • O Oli

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

                                  D Offline
                                  D Offline
                                  dos1973
                                  schrieb am zuletzt editiert von
                                  #86

                                  @Oli
                                  Ist das ein „eigenes Log“ oder das von iobroker?

                                  Falls standard, könntest du das widget reinstellen. Danke

                                  O 1 Antwort Letzte Antwort
                                  0
                                  • D dos1973

                                    @Oli
                                    Ist das ein „eigenes Log“ oder das von iobroker?

                                    Falls standard, könntest du das widget reinstellen. Danke

                                    O Online
                                    O Online
                                    Oli
                                    schrieb am zuletzt editiert von
                                    #87

                                    @dos1973

                                    das ist das von ioBroker mit dem Script von Mic, falls du das meinst?

                                    Willst du nur das Wiget oder die ganze Seite?

                                    694488a6-bbc9-4048-a019-9b59e9ea851d-image.png

                                    Gruß
                                    Oliver

                                    v522533V A H 0A 2 Antworten Letzte Antwort
                                    2
                                    • O Oli

                                      @dos1973

                                      das ist das von ioBroker mit dem Script von Mic, falls du das meinst?

                                      Willst du nur das Wiget oder die ganze Seite?

                                      694488a6-bbc9-4048-a019-9b59e9ea851d-image.png

                                      v522533V Offline
                                      v522533V Offline
                                      v522533
                                      schrieb am zuletzt editiert von
                                      #88

                                      @Oli

                                      ich greife mal vor und würde mich freuen, wenn du die ganze seite zur verfügung stellen würdest ;)

                                      Gruß Chris

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

                                        Ich schließe mich der ganzen Seite an... Danke

                                        O 1 Antwort Letzte Antwort
                                        0
                                        • D dos1973

                                          Ich schließe mich der ganzen Seite an... Danke

                                          O Online
                                          O Online
                                          Oli
                                          schrieb am zuletzt editiert von
                                          #90

                                          @dos1973

                                          so, bitteschön:
                                          Log-Vis

                                          Ich habe das Script von Mic etwas abgewandelt und benutze zusätzlich noch ein anderes bei Interesse einfach Bescheid sagen.

                                          Gruß
                                          Oliver

                                          D coyoteC 2 Antworten Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          269

                                          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