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

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialwidget
902 Beiträge 77 Kommentatoren 233.5k 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.
  • 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 Offline
            O Offline
            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 Offline
                O Offline
                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 Offline
                                  O Offline
                                  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 Offline
                                      O Offline
                                      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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          804

                                          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