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.3k

Test Adapter Material Design Widgets v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialwidget
902 Beiträge 77 Kommentatoren 233.7k 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.
  • D darkiop

    @Oli dazu habe ich vorhin ein issue erstellt:

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          617

                                          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