Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

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

Community Forum

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

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    13
    1
    375

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.3k

Test Adapter Material Design Widgets v0.1.x

Scheduled Pinned Locked Moved Tester
adaptervismaterial ui
189 Posts 22 Posters 39.8k Views 30 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • N nousefor82

    Servus,

    also genau so hatte ich es davor.

    Aber es wurden dann keine Views dargestellt.

    Die TopBar konnte ich durch toggeln, aber es ist nichts passiert; Ab und zu ist mal der HomeScreen kurz aufgeflackert.

    Gruß

    S Offline
    S Offline
    skokarl
    wrote on last edited by
    #159

    @nousefor82

    habs gerade mal probiert. Geht.
    Die Zahl oben muss allerdings 1 kleiner sein als die Anzahl der Views unten. ( zählt wohl ab 0 )

    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

    1 Reply Last reply
    0
    • T tazdevil20

      @ub-privat
      Ich habe das für die kurz Version von DWD gemacht. Einfach in der View in der du das Menü hast das Datum an der Stelle einbauen und den z-index höher einstellen als den des Menüs.

      ub.privatU Offline
      ub.privatU Offline
      ub.privat
      wrote on last edited by
      #160

      @tazdevil20 said in Test Adapter Material Design Widgets v0.1.x:

      @ub-privat
      Ich habe das für die kurz Version von DWD gemacht. Einfach in der View in der du das Menü hast das Datum an der Stelle einbauen und den z-index höher einstellen als den des Menüs.

      Perfekt! klappt supi - DANKE:+1:

      1 Reply Last reply
      0
      • Z Zipkart

        @ub-privat sagte in Test Adapter Material Design Widgets v0.1.x:

        Darstellubg des Wetters auf einem Bild

        Guten Morgen.
        Darf man mal fragen, wo die schönen Wetter icons herkommen.? Ich hab mal nach Meteored gegoogelt aber keine entsprechende Quelle, sondern nur eine App gefunden.

        ub.privatU Offline
        ub.privatU Offline
        ub.privat
        wrote on last edited by
        #161

        @Zipkart

        Guggst Du: https://www.daswetter.com/widget/
        Musst halt nur deine Daten eingeben und ein wenig aufhübschen und fertig ist es...

        1 Reply Last reply
        0
        • ScroungerS Scrounger

          @ub-privat sagte in Test Adapter Material Design Widgets v0.1.x:

          a39ceff8-4a0f-4bcb-97e6-634ef4180916-grafik.png

          Schalter muss angeben werden, ein Datenpunkt vom Typ Zahl, sonst funktioniert das nicht korrekt, siehe Screenshot von @sigi234

          @sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

          Screenshot (625)_LI.jpg

          @Zipkart sagte in Test Adapter Material Design Widgets v0.1.x:

          Hmmm. Ich hab leider das Problem immer noch.
          Die Safari Browser auf mac IPhone und iPad sowie die iOS App stellen das Menu zwar dar, aber es lässt sich nichts auswählen.
          Auf dem Mac mit Chrome als Browser geht es wiederum.

          Hat du eventuell eine Idee was ich machen könnte?

          Aktuellen master branch ziehen, da ist das Problem behoben.
          Oder noch gedulden, werde die Woche eine neue Version im latest veröffentlichen.

          ub.privatU Offline
          ub.privatU Offline
          ub.privat
          wrote on last edited by
          #162

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

          Schalter muss angeben werden, ein Datenpunkt vom Typ Zahl, sonst funktioniert das nicht korrekt, siehe Screenshot von @sigi234

          Habe ich schon verstanden - nur nicht WO und WELCHEN Datenpunkt ich anlegen muss.
          Irgend einer wird wohl verkehrt sein???

          d4ed19b2-26cc-4e00-8619-066b1a088d41-grafik.png

          hier einfach einen Datenpunkt erzeugen und als Schalter verwenden???

          Z ScroungerS BBTownB 3 Replies Last reply
          0
          • ub.privatU ub.privat

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

            Schalter muss angeben werden, ein Datenpunkt vom Typ Zahl, sonst funktioniert das nicht korrekt, siehe Screenshot von @sigi234

            Habe ich schon verstanden - nur nicht WO und WELCHEN Datenpunkt ich anlegen muss.
            Irgend einer wird wohl verkehrt sein???

            d4ed19b2-26cc-4e00-8619-066b1a088d41-grafik.png

            hier einfach einen Datenpunkt erzeugen und als Schalter verwenden???

            Z Offline
            Z Offline
            Zipkart
            wrote on last edited by
            #163

            @ub-privat sagte in Test Adapter Material Design Widgets v0.1.x:

            Irgend einer wird wohl verkehrt sein???

            Tatsächlich in diesem Fall mal nicht. Man muss nur darauf achten dass es ein Objekt des Typs Zahl ist.

            Produktiv Proxmox / NUC / IOBroker / RFLInk / Mysensor / Raspimatic / Keymatic / HUE / MiHome / Tradfri / Shelly / SOnOff / Alexa / Sonos / Wandtablet / iPad

            Testsystem…
            immer mal wieder unterschiedlich

            1 Reply Last reply
            0
            • ub.privatU ub.privat

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

              Schalter muss angeben werden, ein Datenpunkt vom Typ Zahl, sonst funktioniert das nicht korrekt, siehe Screenshot von @sigi234

              Habe ich schon verstanden - nur nicht WO und WELCHEN Datenpunkt ich anlegen muss.
              Irgend einer wird wohl verkehrt sein???

              d4ed19b2-26cc-4e00-8619-066b1a088d41-grafik.png

              hier einfach einen Datenpunkt erzeugen und als Schalter verwenden???

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

              @ub-privat sagte in Test Adapter Material Design Widgets v0.1.x:

              hier einfach einen Datenpunkt erzeugen und als Schalter verwenden???

              https://www.google.de/search?q=iobroker+View-in-Widget+8+site:forum.iobroker.net&sa=X&ved=2ahUKEwjG2bmj3_blAhV7QEEAHQZKB8wQrQIoBDAAegQIBBAR&biw=1920&bih=916

              1 Reply Last reply
              0
              • ub.privatU ub.privat

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

                Schalter muss angeben werden, ein Datenpunkt vom Typ Zahl, sonst funktioniert das nicht korrekt, siehe Screenshot von @sigi234

                Habe ich schon verstanden - nur nicht WO und WELCHEN Datenpunkt ich anlegen muss.
                Irgend einer wird wohl verkehrt sein???

                d4ed19b2-26cc-4e00-8619-066b1a088d41-grafik.png

                hier einfach einen Datenpunkt erzeugen und als Schalter verwenden???

                BBTownB Offline
                BBTownB Offline
                BBTown
                wrote on last edited by
                #165

                @ub-privat ich würde den Datenpunkt gleich im dafür vorgesehenen Ordner 0_userdata.0 anlegen

                ioBroker auf NUC (VM debian v13 (Trixie ), node v22.21.0 npm v10.9.4, js-controller v7.0.7 jsonl/jsonl / HomeMatic CCU-2 (Wired und Funk) / Philips HUE / echo.DOT / Broadlink RM pro / SONOS

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

                  Ist zwar nicht ganz material design, aber gefällt mir trotzdem ;)

                  Round Slider basierend auf thomasloven round slider für lovelace
                  round_slider.gif

                  Wer testen möchte, aktuellen master ziehen.

                  1 Reply Last reply
                  0
                  • BBTownB BBTown

                    @ub-privat ich würde den Datenpunkt gleich im dafür vorgesehenen Ordner 0_userdata.0 anlegen

                    S Offline
                    S Offline
                    skokarl
                    wrote on last edited by
                    #167

                    @BBTown sagte in Test Adapter Material Design Widgets v0.1.x:

                    @ub-privat ich würde den Datenpunkt gleich im dafür vorgesehenen Ordner 0_userdata.0 anlegen

                    Moin,
                    ich habe eben den Javascript Controller aktualisiert,
                    der 0_userdata.0 liegt nochmal wo ? ich seh den nicht.

                    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

                    BBTownB 1 Reply Last reply
                    0
                    • S skokarl

                      @BBTown sagte in Test Adapter Material Design Widgets v0.1.x:

                      @ub-privat ich würde den Datenpunkt gleich im dafür vorgesehenen Ordner 0_userdata.0 anlegen

                      Moin,
                      ich habe eben den Javascript Controller aktualisiert,
                      der 0_userdata.0 liegt nochmal wo ? ich seh den nicht.

                      BBTownB Offline
                      BBTownB Offline
                      BBTown
                      wrote on last edited by
                      #168

                      @skokarl wenn Du den js-controller v2.x.x hast, sollte das Verzeichnis im Objektebereich ganz oben sein .... ggf. einmal die Seite aktualisieren?!?

                      ioBroker auf NUC (VM debian v13 (Trixie ), node v22.21.0 npm v10.9.4, js-controller v7.0.7 jsonl/jsonl / HomeMatic CCU-2 (Wired und Funk) / Philips HUE / echo.DOT / Broadlink RM pro / SONOS

                      S 1 Reply Last reply
                      1
                      • BBTownB BBTown

                        @skokarl wenn Du den js-controller v2.x.x hast, sollte das Verzeichnis im Objektebereich ganz oben sein .... ggf. einmal die Seite aktualisieren?!?

                        S Offline
                        S Offline
                        skokarl
                        wrote on last edited by
                        #169

                        @BBTown
                        Jipp...Du Fuchs ....ich hab den unter Javascript gesucht. Danke Dir !

                        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

                        BBTownB 1 Reply Last reply
                        0
                        • S skokarl

                          @BBTown
                          Jipp...Du Fuchs ....ich hab den unter Javascript gesucht. Danke Dir !

                          BBTownB Offline
                          BBTownB Offline
                          BBTown
                          wrote on last edited by
                          #170

                          @skokarl du kannst in das Verzeichnis allerdings noch nicht per script Datenpunkte anlegen.
                          Dazu bedarf es noch einer Erweiterung (ich glaube des js-controllers?!).

                          Das Anlegen per Script ist - Stand heute - noch fest mit dem "javascript.0" Verzeichnis verknüpft.

                          ioBroker auf NUC (VM debian v13 (Trixie ), node v22.21.0 npm v10.9.4, js-controller v7.0.7 jsonl/jsonl / HomeMatic CCU-2 (Wired und Funk) / Philips HUE / echo.DOT / Broadlink RM pro / SONOS

                          1 Reply Last reply
                          1
                          • ScroungerS Scrounger

                            Hallo zusammen,
                            ich arbeite aktuell an einem VIS-Adapter, der auf Google material components web Bibliothek basiert und "echte" Material Widgets zur Verfügung stellt inkl. der entsprechenden Effekt, wie Overlay, ripple, etc.

                            Der Adapter befindet sich bereits im latest repository.
                            Neue Funktionen (Widgets) werde ich zu erst hier vorstellen - wer dieses testen möchte muss direkt von github installieren: https://github.com/Scrounger/iobroker.vis-materialdesign.
                            Nach erfolgreichem Feedback mach ich eine neue Version für das latest.

                            Folgende Elemente sind bereits enthalten:

                            review.gif

                            Da das mein erster VIS Adapter ist, benötige ich etwas Unterstützung bei der weiteren Entwicklung und natürlich Euer Feedback vom testen.

                            Gemäß den Forumsrichtlinien ist das Thema in die Kategorie 'Test' umgezogen. Den alten Thread findet ihr hier und bitte dort auch nachschauen bei fragen: https://forum.iobroker.net/topic/25374/neuer-vis-adpater-material-design-widgets

                            paypal

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

                            @Scrounger

                            Hallo, habe ein Problem mit Line History Chart.

                            Wenn ich eine Chart erstelle werden die Werte auch angezeigt, aber diese werden teilweise beim neu laden der Vis nicht mehr angezeigt. Meisten hilft die Wetterinstanz zu aktualisieren, aber nicht immer. Verhalten tritt derzeit nur im Editor auf.

                            Screenshot (634).png

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

                            1 Reply Last reply
                            0
                            • ScroungerS Scrounger

                              @BobBruni sagte in Test Adapter Material Design Widgets v0.1.x:

                              Gibt es eine einfache Möglichkeit bei den List-Cards Zeilenumbrüche zu ermöglichen?

                              Entweder mit '\n' oder '<br>'

                              B Offline
                              B Offline
                              BobBruni
                              wrote on last edited by BobBruni
                              #172

                              @Scrounger

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

                              @BobBruni sagte in Test Adapter Material Design Widgets v0.1.x:

                              Gibt es eine einfache Möglichkeit bei den List-Cards Zeilenumbrüche zu ermöglichen?

                              Entweder mit '\n' oder '<br>'

                              Sorry, da habe ich mich unklar ausgedrückt.
                              Ich lasse mir in den List-Cards einen Datenpunkt (Zeichenkette) anzeigen, der alle Räume enthält wo gerade Licht brennt.
                              Sprich so:
                              Unbenannt.PNG
                              Und sieht dann so aus:
                              Unbenannt.PNG

                              Nun wäre es schön, wenn ein automatischer Zeilenumbruch erfolgen würde, wenn das Maxiumum der Widgetbreite erreicht wäre...

                              Ist das möglich?

                              ScroungerS 1 Reply Last reply
                              0
                              • ScroungerS Scrounger

                                Hallo zusammen,
                                ich arbeite aktuell an einem VIS-Adapter, der auf Google material components web Bibliothek basiert und "echte" Material Widgets zur Verfügung stellt inkl. der entsprechenden Effekt, wie Overlay, ripple, etc.

                                Der Adapter befindet sich bereits im latest repository.
                                Neue Funktionen (Widgets) werde ich zu erst hier vorstellen - wer dieses testen möchte muss direkt von github installieren: https://github.com/Scrounger/iobroker.vis-materialdesign.
                                Nach erfolgreichem Feedback mach ich eine neue Version für das latest.

                                Folgende Elemente sind bereits enthalten:

                                review.gif

                                Da das mein erster VIS Adapter ist, benötige ich etwas Unterstützung bei der weiteren Entwicklung und natürlich Euer Feedback vom testen.

                                Gemäß den Forumsrichtlinien ist das Thema in die Kategorie 'Test' umgezogen. Den alten Thread findet ihr hier und bitte dort auch nachschauen bei fragen: https://forum.iobroker.net/topic/25374/neuer-vis-adpater-material-design-widgets

                                paypal

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

                                @Scrounger

                                Hallo, wie bekomme ich die Rechten Buttons hin?

                                Screenshot (638)_LI.jpg

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

                                1 Reply Last reply
                                0
                                • S Offline
                                  S Offline
                                  skokarl
                                  wrote on last edited by
                                  #174

                                  Moin,

                                  gibt es bei der Top App Bar einen Abbruch/Schließen Button wenn man doch keine Auswahl möchte ?
                                  oder muss man immer was wählen ?

                                  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

                                  1 Reply Last reply
                                  0
                                  • MeistertrM Offline
                                    MeistertrM Offline
                                    Meistertr
                                    Developer
                                    wrote on last edited by
                                    #175

                                    Eine auto schließen Funktion nach Auswahl wäre auch cool

                                    1 Reply Last reply
                                    0
                                    • S Offline
                                      S Offline
                                      skokarl
                                      wrote on last edited by
                                      #176

                                      Ich habe noch nie etwas mit Charts gemacht, kann mir mal jemand ein Beispiel geben wie ich
                                      ein Chart mit dem Line History Adapter hinkriege ?

                                      Der History Adapter ist installiert und läuft, aufgezeichnet werden die Spritpreise vom Tankerkönig.
                                      Das klappt auch.

                                      Die Eigenschaften sind mir nicht ganz klar, kurzes Beispiel würde mir schon reichen.

                                      Oder fehlt mir noch ein Adapter ? ( Charts oder so ? )
                                      stehe hier noch völlig auf dem Schlauch.

                                      1.PNG 2.PNG

                                      Besten Dank

                                      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

                                      sigi234S 1 Reply Last reply
                                      0
                                      • S skokarl

                                        Ich habe noch nie etwas mit Charts gemacht, kann mir mal jemand ein Beispiel geben wie ich
                                        ein Chart mit dem Line History Adapter hinkriege ?

                                        Der History Adapter ist installiert und läuft, aufgezeichnet werden die Spritpreise vom Tankerkönig.
                                        Das klappt auch.

                                        Die Eigenschaften sind mir nicht ganz klar, kurzes Beispiel würde mir schon reichen.

                                        Oder fehlt mir noch ein Adapter ? ( Charts oder so ? )
                                        stehe hier noch völlig auf dem Schlauch.

                                        1.PNG 2.PNG

                                        Besten Dank

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

                                        @skokarl sagte in Test Adapter Material Design Widgets v0.1.x:

                                        Ich habe noch nie etwas mit Charts gemacht, kann mir mal jemand ein Beispiel geben wie ich
                                        ein Chart mit dem Line History Adapter hinkriege ?

                                        Der History Adapter ist installiert und läuft, aufgezeichnet werden die Spritpreise vom Tankerkönig.
                                        Das klappt auch.

                                        Die Eigenschaften sind mir nicht ganz klar, kurzes Beispiel würde mir schon reichen.

                                        Oder fehlt mir noch ein Adapter ? ( Charts oder so ? )
                                        stehe hier noch völlig auf dem Schlauch.

                                        Besten Dank

                                        Screenshot (640).png

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

                                        1 Reply Last reply
                                        1
                                        • B BobBruni

                                          @Scrounger

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

                                          @BobBruni sagte in Test Adapter Material Design Widgets v0.1.x:

                                          Gibt es eine einfache Möglichkeit bei den List-Cards Zeilenumbrüche zu ermöglichen?

                                          Entweder mit '\n' oder '<br>'

                                          Sorry, da habe ich mich unklar ausgedrückt.
                                          Ich lasse mir in den List-Cards einen Datenpunkt (Zeichenkette) anzeigen, der alle Räume enthält wo gerade Licht brennt.
                                          Sprich so:
                                          Unbenannt.PNG
                                          Und sieht dann so aus:
                                          Unbenannt.PNG

                                          Nun wäre es schön, wenn ein automatischer Zeilenumbruch erfolgen würde, wenn das Maxiumum der Widgetbreite erreicht wäre...

                                          Ist das möglich?

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

                                          @BobBruni sagte in Test Adapter Material Design Widgets v0.1.x:

                                          wenn ein automatischer Zeilenumbruch erfolgen würde, wenn das Maxiumum der Widgetbreite erreicht wäre...

                                          Ist das möglich?

                                          Mit '\n' oder '<br>' geht das, musst dann in dein Skript mit einbauen, z.b. anstatt der Kommas. Alternativ geht das mit CSS uberschreiben auch. Wenn du ein issue auf git erstellst, dann Bau ich das Mal mit ein.

                                          @skokarl sagte in Test Adapter Material Design Widgets v0.1.x:

                                          Moin,

                                          gibt es bei der Top App Bar einen Abbruch/Schließen Button wenn man doch keine Auswahl möchte ?
                                          oder muss man immer was wählen ?

                                          @Meistertr sagte in Test Adapter Material Design Widgets v0.1.x:

                                          Eine auto schließen Funktion nach Auswahl wäre auch cool

                                          Also beim Typ 'modal' einfach außerhalb der Navigationsleiste klicken, dann wir diese geschlossen. Beim Typ 'dissmissable' kann man das nur über den Button machen. So ist das Konzept laut Design guidlines und entsprechend wie bei Android.

                                          @sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

                                          @Scrounger

                                          Hallo, wie bekomme ich die Rechten Buttons hin?

                                          Musst dir selbst erstellen, sind kein Bestandteil des Widgets

                                          sigi234S MeistertrM 2 Replies Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          393

                                          Online

                                          32.5k

                                          Users

                                          81.6k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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