Skip to content
  • 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
  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.9k

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

[Neuer VIS-Adpater] Material Design Widgets

Geplant Angeheftet Gesperrt Verschoben Entwicklung
adapter
271 Beiträge 30 Kommentatoren 50.9k 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.
  • D dos1973

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

    H Offline
    H Offline
    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 Offline
          H Offline
          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) 👍

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

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

                  Gruß

                  H Offline
                  H Offline
                  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! 👍

                              Wünsche:

                              • Navigationsleiste Trennlinien Farbe einstellbar

                              • Bei allen Farben transparent auswählbar

                              • Schriftart einstellbar

                              Danke vorerst.😀

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

                              ScroungerS 1 Antwort Letzte Antwort
                              1
                              • ScroungerS Scrounger

                                @sigi234
                                Ja ist ein eigenes Widget.

                                topbar.png

                                GlasfaserG Offline
                                GlasfaserG Offline
                                Glasfaser
                                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                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! 👍

                                  Wünsche:

                                  • Navigationsleiste Trennlinien Farbe einstellbar

                                  • Bei allen Farben transparent auswählbar

                                  • Schriftart einstellbar

                                  Danke vorerst.😀

                                  ScroungerS Offline
                                  ScroungerS Offline
                                  Scrounger
                                  Developer
                                  schrieb am zuletzt editiert von 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>'

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

                                      <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
                                      • 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
                                        schrieb am zuletzt editiert von
                                        #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 Antworten Letzte Antwort
                                        0
                                        • sigi234S sigi234

                                          @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

                                          H Offline
                                          H Offline
                                          heinzie
                                          schrieb am zuletzt editiert von
                                          #31

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

                                          @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

                                          @Scrounger

                                          Könntest Du vielleicht einmal deinen aktuellen Stand als export zur Verfügung stellen. Stehe da irgendwie noch auf dem Schlauch, mit einem Beispiel ist das immer wesentlich einfacher

                                          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

                                          327

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe