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. Entwicklung
  4. [Neuer VIS-Adpater] Material Design Widgets

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    342

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.8k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

[Neuer VIS-Adpater] Material Design Widgets

Scheduled Pinned Locked Moved Entwicklung
adapter
271 Posts 30 Posters 57.0k 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.
  • 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.

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

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

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

                          sigi234S 1 Reply Last reply
                          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
                            wrote on last edited by
                            #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 Reply Last reply
                            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
                              wrote on last edited by
                              #24

                              @sigi234
                              Ja ist ein eigenes Widget.

                              topbar.png

                              GlasfaserG 1 Reply Last reply
                              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
                                wrote on last edited by
                                #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 Reply Last reply
                                1
                                • ScroungerS Scrounger

                                  @sigi234
                                  Ja ist ein eigenes Widget.

                                  topbar.png

                                  GlasfaserG Offline
                                  GlasfaserG Offline
                                  Glasfaser
                                  wrote on last edited by Glasfaser
                                  #26

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

                                  @sigi234
                                  Ja ist ein eigenes Widget.

                                  topbar.png

                                  Bei mir sieht es so aus , das Widget " Top Bar " ist kaum zu erkennen ( Version 0.0.6 )
                                  Ist das richtig so !?

                                  ( bei jedem Browser )

                                  1.JPG

                                  Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                  1 Reply Last reply
                                  0
                                  • sigi234S sigi234

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

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

                                    @sigi234

                                    • Navigationsleiste Trennlinien Farbe einstellbar

                                    Sachdienlicher Hinweise ;) Mach ich rein

                                    • Bei allen Farben transparent auswählbar

                                    Geht schon, musst einfach 'transparent' im color feld schreiben oder 'rgba(0, 0, 0, 0.37)' dort reinschreiben

                                    • Schriftart einstellbar

                                    Geht auch schon, siehe "Listenelemente Schriftgröße"
                                    Clipboard02.png

                                    Alternativ kann man mit html tags für jedes Listenelement eine eigen schriftgröße, Frabe, Fett, kursiv etc. definieren, Beispiel: '<font size="13"><i>Hallo</></font>'

                                    sigi234S 1 Reply Last reply
                                    0
                                    • ScroungerS Scrounger

                                      @sigi234

                                      • Navigationsleiste Trennlinien Farbe einstellbar

                                      Sachdienlicher Hinweise ;) Mach ich rein

                                      • Bei allen Farben transparent auswählbar

                                      Geht schon, musst einfach 'transparent' im color feld schreiben oder 'rgba(0, 0, 0, 0.37)' dort reinschreiben

                                      • Schriftart einstellbar

                                      Geht auch schon, siehe "Listenelemente Schriftgröße"
                                      Clipboard02.png

                                      Alternativ kann man mit html tags für jedes Listenelement eine eigen schriftgröße, Frabe, Fett, kursiv etc. definieren, Beispiel: '<font size="13"><i>Hallo</></font>'

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

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

                                      @sigi234

                                      • Schriftart einstellbar

                                      Geht auch schon, siehe "Listenelemente Schriftgröße"

                                      Ups da habe ich mich Falsch ausgedrückt, ich meinte Font-Family

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

                                      ScroungerS 1 Reply Last reply
                                      0
                                      • sigi234S sigi234

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

                                        @sigi234

                                        • Schriftart einstellbar

                                        Geht auch schon, siehe "Listenelemente Schriftgröße"

                                        Ups da habe ich mich Falsch ausgedrückt, ich meinte Font-Family

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

                                        @sigi234
                                        Achso das geht natürlich auch mit html tag, z.B. '<font face="verdana">Hallo</font>.
                                        Aber stimmt ein Fled wo man das für alle Listenelemente setzen kann wäre natürlich komfortabler - schau ich mir an.

                                        sigi234S 1 Reply Last reply
                                        0
                                        • ScroungerS Scrounger

                                          @sigi234
                                          Achso das geht natürlich auch mit html tag, z.B. '<font face="verdana">Hallo</font>.
                                          Aber stimmt ein Fled wo man das für alle Listenelemente setzen kann wäre natürlich komfortabler - schau ich mir an.

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

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

                                          @sigi234
                                          Achso das geht natürlich auch mit html tag, z.B. '<font face="verdana">Hallo</font>.
                                          Aber stimmt ein Fled wo man das für alle Listenelemente setzen kann wäre natürlich komfortabler - schau ich mir an.

                                          Super, noch einige Fragen, wie kann ich die Menüfarbe (Hintergrund derzeit Blau) oben Links ändern?
                                          Die Schriftfarbe bei den Navigationsleisten Überschrift ist Schwarz, kann ich die auch ändern? Ich glaube die ist mit den Trennlinien verbunden.

                                          Screenshot (192).png

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

                                          H ScroungerS 2 Replies 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

                                          654

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          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