Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Entwicklung
  4. [Neuer VIS-Adpater] Material Design Widgets

NEWS

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

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

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

[Neuer VIS-Adpater] Material Design Widgets

Scheduled Pinned Locked Moved Entwicklung
adapter
271 Posts 30 Posters 50.9k Views 43 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.
  • Marco LaserM Marco Laser

    Moin also optisch sieht es schon mal echt cool aus.
    Den Switch kann ich leider nicht nutzen, der lässt sich nicht aus der Leiste links ziehen 😅 und die Slider Springen immer nach dem Einstellen etwas wenn min und Max nicht auf 0 und 100 stehen. Lass mich wissen wenn du irgendwelche weiteren Infos brauchst 🙂

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

    @Marco-Laser

    • slider benötigt zwingend min und max werte damit der funktioniert
    • Beim Switch muss auf die Überschirft klicken und dann ziehen. Irgendwie gehts das bei dem nicht, wenn man direkt auf den Switch geht - evtl. muss ich hier doch ein image nehmen

    switch.gif

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

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

    Marco LaserM 1 Reply Last reply
    0
    • ScroungerS Scrounger

      @Marco-Laser

      • slider benötigt zwingend min und max werte damit der funktioniert
      • Beim Switch muss auf die Überschirft klicken und dann ziehen. Irgendwie gehts das bei dem nicht, wenn man direkt auf den Switch geht - evtl. muss ich hier doch ein image nehmen

      switch.gif

      Marco LaserM Offline
      Marco LaserM Offline
      Marco Laser
      wrote on last edited by
      #4

      @Scrounger aber bei mir ist es auch so wenn ich min und Max Werte setzte, zum Beispiel 20 - 80 dann springt er immer komisch immer umher, vielleicht mach ich nenn gif dazu wenn ich wieder zu Hause bin

      ScroungerS 1 Reply Last reply
      0
      • sigi234S Online
        sigi234S Online
        sigi234
        Forum Testing Most Active
        wrote on last edited by sigi234
        #5

        Top, sehr cool! Teste gerade.👍

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

        1 Reply Last reply
        0
        • Marco LaserM Marco Laser

          @Scrounger aber bei mir ist es auch so wenn ich min und Max Werte setzte, zum Beispiel 20 - 80 dann springt er immer komisch immer umher, vielleicht mach ich nenn gif dazu wenn ich wieder zu Hause bin

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

          @Marco-Laser
          Hab den Fehler gefunden, zieh dir die aktuelle Version von github und teste nochmal.

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

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

          Marco LaserM 1 Reply Last reply
          1
          • H Online
            H Online
            helfi9999
            wrote on last edited by helfi9999
            #7

            Hi bei mir ist es so das ich den materialdesin - progress in meiner Vis eingebaut habe und es auf dem Laptop angezeigt wird (Firefox) aber nicht auf dem Tablet.(Fully Kiosk)

            Intel NUC mit Iobroker

            ScroungerS 1 Reply Last reply
            0
            • ScroungerS Scrounger

              @Marco-Laser
              Hab den Fehler gefunden, zieh dir die aktuelle Version von github und teste nochmal.

              Marco LaserM Offline
              Marco LaserM Offline
              Marco Laser
              wrote on last edited by
              #8

              @Scrounger ja klappt jetzt optimal 👍🏼

              1 Reply Last reply
              0
              • H helfi9999

                Hi bei mir ist es so das ich den materialdesin - progress in meiner Vis eingebaut habe und es auf dem Laptop angezeigt wird (Firefox) aber nicht auf dem Tablet.(Fully Kiosk)

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

                @helfi9999
                Der Browser wird leider von Material nicht unterstützt:

                browser.png
                https://github.com/material-components/material-components-web/blob/master/docs/supported-browsers.md

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

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

                H 1 Reply Last reply
                0
                • ScroungerS Scrounger

                  @helfi9999
                  Der Browser wird leider von Material nicht unterstützt:

                  browser.png
                  https://github.com/material-components/material-components-web/blob/master/docs/supported-browsers.md

                  H Online
                  H Online
                  helfi9999
                  wrote on last edited by
                  #10

                  @Scrounger schade würde gerne deine Widgets benutzen geht aber nicht da Fully Kiosk Browser nicht unterstützt wird 😧 😧

                  Intel NUC mit Iobroker

                  1 Reply Last reply
                  0
                  • D Offline
                    D Offline
                    dos1973
                    wrote on last edited by
                    #11

                    Ach Schade, hatte mir den Post schon angepinnt...
                    aber ohne Fully Unterstützung 😞 Schade.

                    H 1 Reply Last reply
                    0
                    • D dos1973

                      Ach Schade, hatte mir den Post schon angepinnt...
                      aber ohne Fully Unterstützung 😞 Schade.

                      H Online
                      H Online
                      helfi9999
                      wrote on last edited by
                      #12

                      @dos1973 Ich hoffe das er noch was macht diesbezüglich

                      Intel NUC mit Iobroker

                      ScroungerS 1 Reply Last reply
                      0
                      • Marco LaserM Offline
                        Marco LaserM Offline
                        Marco Laser
                        wrote on last edited by
                        #13

                        Also bei mir funktioniert es auch im Fully, ist ja auch kein eigener Browser sondern greift auf irgendeinen anderen zurück soweit ich weiß

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

                          Der fully Browser greift auf Chrome zurück soweit ich weiß

                          H 1 Reply Last reply
                          0
                          • MeistertrM Meistertr

                            Der fully Browser greift auf Chrome zurück soweit ich weiß

                            H Online
                            H Online
                            helfi9999
                            wrote on last edited by
                            #15

                            @Meistertr kriege es nicht angezeigt obwohl ich 2 versch. Widgets eingebaut habe

                            Intel NUC mit Iobroker

                            sigi234S 1 Reply Last reply
                            0
                            • H helfi9999

                              @Meistertr kriege es nicht angezeigt obwohl ich 2 versch. Widgets eingebaut habe

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

                              @helfi9999 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                              @Meistertr kriege es nicht angezeigt obwohl ich 2 versch. Widgets eingebaut habe

                              Screenshot bitte.

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

                              1 Reply Last reply
                              0
                              • H helfi9999

                                @dos1973 Ich hoffe das er noch was macht diesbezüglich

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

                                @helfi9999 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                @dos1973 Ich hoffe das er noch was macht diesbezüglich

                                Sorry Leute, dass kann ich leider nicht.
                                Wie oben geschrieben nutze ich die Google material components web Bibliothek.
                                Die geben vor welche Browser unterstützt werden -> https://github.com/material-components/material-components-web/blob/master/docs/supported-browsers.md

                                Ihr könnt aber versuchen dort ein Issue zu erstellen.

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

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

                                1 Reply Last reply
                                0
                                • H Offline
                                  H Offline
                                  Home4.0
                                  wrote on last edited by
                                  #18

                                  Hallo @Scrounger ,

                                  bis jetzt klappt alles bestens. (auch mit Fully) 👍

                                  Vielen Dank für die tollen Widgets....

                                  Gruß

                                  H 1 Reply Last reply
                                  0
                                  • H Home4.0

                                    Hallo @Scrounger ,

                                    bis jetzt klappt alles bestens. (auch mit Fully) 👍

                                    Vielen Dank für die tollen Widgets....

                                    Gruß

                                    H Online
                                    H Online
                                    helfi9999
                                    wrote on last edited by
                                    #19

                                    @Home4-0 welche Einstellung hast du beim Fully gemacht

                                    Intel NUC mit Iobroker

                                    H 1 Reply Last reply
                                    0
                                    • H helfi9999

                                      @Home4-0 welche Einstellung hast du beim Fully gemacht

                                      H Offline
                                      H Offline
                                      Home4.0
                                      wrote on last edited by
                                      #20

                                      @helfi9999 Ich habe nichts an den Einstellungen geändert.

                                      (Android 6 und 7 mit Fully 1.35.2)

                                      Gruß

                                      1 Reply Last reply
                                      0
                                      • D Offline
                                        D Offline
                                        dos1973
                                        wrote on last edited by
                                        #21

                                        bei mir läuft er auch im Fully.
                                        hat echt Potenzial, sieht sehr "schick" aus. Ich konnte alle auch die Slider reinziehen, konfigurieren und funktionieren auch. HUE->level

                                        die Top Bar funktioniert zwar noch nicht, aber diese Menüführung wäre Klasse!

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

                                          Hab die Top App Bar mit Navigationsleiste implementiert, auf basis des "view in widget 8" widget vom vis Adapter.

                                          folgende wichtigen Infos dazu, weil die nur so funtkioniert:

                                          • Position ist fix (hardcoded), d.h. die App Bar ist immer in der oberen linken Ecke. Man kann nur Höhe und Breite einstellen. Deshalb heißt sie ja auch Top App Bar 😉
                                          • Im Editor werden Effekte, wie scrollen, etc. nicht korrekt dargestellt.
                                          • Checkbox 'persitent' (Dauernd) muss aktiviert sein.

                                          Es gibt drei layouts:

                                          1. modal:
                                            topappbar_modal.gif

                                          2. dismissible:
                                            topappbar_dismissible.gif

                                          3. permanent:
                                            topappbar_permanent.gif

                                          Falls noch weitere konfigurations optionen gewünscht werden, dann bitte hier posten oder ein issue bei github aufmachen.

                                          Viel Spaß beim testen 🙂

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

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

                                          sigi234S 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          340

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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