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
    2.0k

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

Test Adapter Material Design Widgets v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialwidget
902 Beiträge 77 Kommentatoren 233.9k 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 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
    schrieb am zuletzt editiert von 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

    <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 1 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      0
      • 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          739

                                          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