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

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

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

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

[Neuer VIS-Adpater] Material Design Widgets

Geplant Angeheftet Gesperrt Verschoben Entwicklung
adapter
271 Beiträge 30 Kommentatoren 51.4k Aufrufe 43 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.
  • 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
    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
    1
    • H Online
      H Online
      helfi9999
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #8

        @Scrounger ja klappt jetzt optimal 👍🏼

        1 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #10

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

            Intel NUC mit Iobroker

            1 Antwort Letzte Antwort
            0
            • D Offline
              D Offline
              dos1973
              schrieb am zuletzt editiert von
              #11

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

              H 1 Antwort Letzte Antwort
              0
              • D dos1973

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

                H Online
                H Online
                helfi9999
                schrieb am zuletzt editiert von
                #12

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

                Intel NUC mit Iobroker

                ScroungerS 1 Antwort Letzte Antwort
                0
                • Marco LaserM Offline
                  Marco LaserM Offline
                  Marco Laser
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  0
                  • MeistertrM Offline
                    MeistertrM Offline
                    Meistertr
                    Developer
                    schrieb am zuletzt editiert von
                    #14

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

                    H 1 Antwort Letzte Antwort
                    0
                    • MeistertrM Meistertr

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

                      H Online
                      H Online
                      helfi9999
                      schrieb am zuletzt editiert von
                      #15

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

                      Intel NUC mit Iobroker

                      sigi234S 1 Antwort Letzte Antwort
                      0
                      • H helfi9999

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

                        sigi234S Online
                        sigi234S Online
                        sigi234
                        Forum Testing Most Active
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        0
                        • H helfi9999

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

                          ScroungerS Offline
                          ScroungerS Offline
                          Scrounger
                          Developer
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • H Offline
                            H Offline
                            Home4.0
                            schrieb am zuletzt editiert von
                            #18

                            Hallo @Scrounger ,

                            bis jetzt klappt alles bestens. (auch mit Fully) :+1:

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

                            Gruß

                            H 1 Antwort Letzte Antwort
                            0
                            • H Home4.0

                              Hallo @Scrounger ,

                              bis jetzt klappt alles bestens. (auch mit Fully) :+1:

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

                              Gruß

                              H Online
                              H Online
                              helfi9999
                              schrieb am zuletzt editiert von
                              #19

                              @Home4-0 welche Einstellung hast du beim Fully gemacht

                              Intel NUC mit Iobroker

                              H 1 Antwort Letzte Antwort
                              0
                              • H helfi9999

                                @Home4-0 welche Einstellung hast du beim Fully gemacht

                                H Offline
                                H Offline
                                Home4.0
                                schrieb am zuletzt editiert von
                                #20

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

                                (Android 6 und 7 mit Fully 1.35.2)

                                Gruß

                                1 Antwort Letzte Antwort
                                0
                                • D Offline
                                  D Offline
                                  dos1973
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  0
                                  • ScroungerS Offline
                                    ScroungerS Offline
                                    Scrounger
                                    Developer
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    0
                                    • D dos1973

                                      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 Online
                                      sigi234S Online
                                      sigi234
                                      Forum Testing Most Active
                                      schrieb am zuletzt editiert von
                                      #23

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

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

                                      Wo ist die Top Bar? Ist das ein eigenes Widget?

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

                                      ScroungerS 1 Antwort Letzte Antwort
                                      0
                                      • sigi234S sigi234

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

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

                                        Wo ist die Top Bar? Ist das ein eigenes Widget?

                                        ScroungerS Offline
                                        ScroungerS Offline
                                        Scrounger
                                        Developer
                                        schrieb am zuletzt editiert von
                                        #24

                                        @sigi234
                                        Ja ist ein eigenes Widget.

                                        topbar.png

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

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

                                        GlasfaserG 1 Antwort Letzte Antwort
                                        0
                                        • ScroungerS Scrounger

                                          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 :)

                                          sigi234S Online
                                          sigi234S Online
                                          sigi234
                                          Forum Testing Most Active
                                          schrieb am zuletzt editiert von
                                          #25

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

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

                                          Einer der Besten Adapter! :+1:

                                          Wünsche:

                                          • Navigationsleiste Trennlinien Farbe einstellbar

                                          • Bei allen Farben transparent auswählbar

                                          • Schriftart einstellbar

                                          Danke vorerst.:grinning:

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

                                          ScroungerS 1 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          963

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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