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

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

[Neuer VIS-Adpater] Material Design Widgets

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

    @andiko2 kann ich bestätigen, wunderte mich auch mit dem Mehrverbrauch, soeben deinstalliert und habe nun rund 500Mb Ram mehr zur Verfügung.

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

    @crunchip, @andiko2

    Ist bei mir nicht so, getest auf Entwicklungsumgebung und Produktivsystem (beides Win 10).
    Der Adapter braucht rund 30MB Ram:

    nicht installiert:
    not_installed.png

    installiert:
    installed.png

    crunchipC 2 Replies Last reply
    0
    • ScroungerS Scrounger

      @crunchip, @andiko2

      Ist bei mir nicht so, getest auf Entwicklungsumgebung und Produktivsystem (beides Win 10).
      Der Adapter braucht rund 30MB Ram:

      nicht installiert:
      not_installed.png

      installiert:
      installed.png

      crunchipC Away
      crunchipC Away
      crunchip
      Forum Testing Most Active
      wrote on last edited by
      #127

      @Scrounger dann scheint es da wohl einen Unterschied zwischen Win und Linux zu geben

      umgestiegen von Proxmox auf Unraid

      1 Reply Last reply
      0
      • ScroungerS Scrounger

        @crunchip, @andiko2

        Ist bei mir nicht so, getest auf Entwicklungsumgebung und Produktivsystem (beides Win 10).
        Der Adapter braucht rund 30MB Ram:

        nicht installiert:
        not_installed.png

        installiert:
        installed.png

        crunchipC Away
        crunchipC Away
        crunchip
        Forum Testing Most Active
        wrote on last edited by
        #128

        @Scrounger das war der Anstieg, bei der Installation, bekomme ich aber nun auch nicht mehr weg, obwohl ich schon deinstalliert habe
        9ac38464-02de-495b-b46f-4b0b69e33bbf-image.png

        umgestiegen von Proxmox auf Unraid

        sigi234S 1 Reply Last reply
        0
        • crunchipC crunchip

          @Scrounger das war der Anstieg, bei der Installation, bekomme ich aber nun auch nicht mehr weg, obwohl ich schon deinstalliert habe
          9ac38464-02de-495b-b46f-4b0b69e33bbf-image.png

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

          @crunchip

          Ist bei mir auch so. Windows System. Auf den 2.Host ohne Material Design Widgets läuft Vis besser.

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

          crunchipC 1 Reply Last reply
          0
          • sigi234S sigi234

            @crunchip

            Ist bei mir auch so. Windows System. Auf den 2.Host ohne Material Design Widgets läuft Vis besser.

            crunchipC Away
            crunchipC Away
            crunchip
            Forum Testing Most Active
            wrote on last edited by
            #130

            @sigi234 ich hatte ja noch nicht mal damit angefangen:grin: hatte es nur installiert,
            da dann aber mein Ram zur Neige ging, war ich auf der Suche und hab erst mal wieder deinstalliert.

            umgestiegen von Proxmox auf Unraid

            sigi234S 1 Reply Last reply
            0
            • crunchipC crunchip

              @sigi234 ich hatte ja noch nicht mal damit angefangen:grin: hatte es nur installiert,
              da dann aber mein Ram zur Neige ging, war ich auf der Suche und hab erst mal wieder deinstalliert.

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

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

              @sigi234 ich hatte ja noch nicht mal damit angefangen:grin: hatte es nur installiert,
              da dann aber mein Ram zur Neige ging, war ich auf der Suche und hab erst mal wieder deinstalliert.

              er ist sehr gut um damit Menüs zu erstellen. Finde ihn wirklich Super. Vielleicht wird der Adapter noch angepasst.

              Screenshot (263).png

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

              crunchipC 1 Reply Last reply
              0
              • sigi234S sigi234

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

                @sigi234 ich hatte ja noch nicht mal damit angefangen:grin: hatte es nur installiert,
                da dann aber mein Ram zur Neige ging, war ich auf der Suche und hab erst mal wieder deinstalliert.

                er ist sehr gut um damit Menüs zu erstellen. Finde ihn wirklich Super. Vielleicht wird der Adapter noch angepasst.

                Screenshot (263).png

                crunchipC Away
                crunchipC Away
                crunchip
                Forum Testing Most Active
                wrote on last edited by
                #132

                @sigi234 sieht sauber aus 👍
                slider für meine Led stripes bräuchte ich noch

                umgestiegen von Proxmox auf Unraid

                1 Reply Last reply
                0
                • D Offline
                  D Offline
                  darkiop
                  Most Active
                  wrote on last edited by
                  #133

                  Benutzt ihr für eure CPU Auslastungsaufzeichnung die ioBroker Objekte (z.B. system.host.iobroker-master.cpu), oder holt ihr sie euch von extern?

                  Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

                  1 Reply Last reply
                  0
                  • G Offline
                    G Offline
                    gravidi
                    wrote on last edited by
                    #134

                    @Scrounger

                    Vielen vielen Dank für diesen tollen Adapter. Läuft wie eine eins und ist etwas was ich mir schon lange für vis gewünscht habe!
                    Sehr gute Arbeit!

                    Du hattest noch nach einem Anwendungsbereich für das iframe tile gefragt. Ich lasse mir da z.B. meinen Kamerastream anzeigen.

                    @dos1973

                    Magst du mir verraten welchen ICON Pack für Wetter Icons das ist? Danke!

                    D 1 Reply Last reply
                    0
                    • C Offline
                      C Offline
                      claus1993
                      wrote on last edited by
                      #135

                      Hi,

                      habe mal eine ganz andere Frage...nachdem ich den Adapter über die Katze installiert habe finde ich diesen auch bei meinen Instanzen aufgelistet.
                      Wo finde ich jetzt in VIS Edit die einzelnen Widgets? Dort in der Auflistung kann ich leider nichts dazu finden.

                      Mir gefallen die Slider und die Switch die ich gerne nutzen würde.

                      Danke und Grüße.

                      sigi234S 1 Reply Last reply
                      0
                      • C claus1993

                        Hi,

                        habe mal eine ganz andere Frage...nachdem ich den Adapter über die Katze installiert habe finde ich diesen auch bei meinen Instanzen aufgelistet.
                        Wo finde ich jetzt in VIS Edit die einzelnen Widgets? Dort in der Auflistung kann ich leider nichts dazu finden.

                        Mir gefallen die Slider und die Switch die ich gerne nutzen würde.

                        Danke und Grüße.

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

                        @claus1993

                        Neustart

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

                        C 1 Reply Last reply
                        0
                        • sigi234S sigi234

                          @claus1993

                          Neustart

                          C Offline
                          C Offline
                          claus1993
                          wrote on last edited by
                          #137

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

                          @claus1993

                          Neustart

                          Danke, jetzt geht es. Hatte zuvor nur den Adapter neu gestartet.

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

                            Hab eine neue Version hochgeladen, wo jetzt es jetzt SubMenu gibt.
                            Wie ihr das konfigurieren müsste, steht hier

                            topappbar_dismissible.gif

                            Ich hab einiges geändert, d.h. evtl. zerschießt es euch die Top Bar und die List. Bevor ihr hier fehler postet, bitte zuerst die beiden Widgets komplett neu erstellen und dann testen ob es wirklich ein fehler ist!

                            @crunchip, @andiko2
                            Ich verwende jetzt die min lib der mdc api. Evtl. löst das das Ram Problem?

                            Bitte testen.

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

                            Du hattest noch nach einem Anwendungsbereich für das iframe tile gefragt. Ich lasse mir da z.B. meinen Kamerastream anzeigen.

                            Ok, hat mir jemdand vielleicht auch ein funktionierendes Beispiel zu einem online stream, den man mit iFrame einbinden kann. Bräuchte das zu testzwecken und habe werde Zeit noch Lust mich in das iFrame im Detail einzuarbeiten.

                            crunchipC D sigi234S 4 Replies Last reply
                            2
                            • ScroungerS Scrounger

                              Hab eine neue Version hochgeladen, wo jetzt es jetzt SubMenu gibt.
                              Wie ihr das konfigurieren müsste, steht hier

                              topappbar_dismissible.gif

                              Ich hab einiges geändert, d.h. evtl. zerschießt es euch die Top Bar und die List. Bevor ihr hier fehler postet, bitte zuerst die beiden Widgets komplett neu erstellen und dann testen ob es wirklich ein fehler ist!

                              @crunchip, @andiko2
                              Ich verwende jetzt die min lib der mdc api. Evtl. löst das das Ram Problem?

                              Bitte testen.

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

                              Du hattest noch nach einem Anwendungsbereich für das iframe tile gefragt. Ich lasse mir da z.B. meinen Kamerastream anzeigen.

                              Ok, hat mir jemdand vielleicht auch ein funktionierendes Beispiel zu einem online stream, den man mit iFrame einbinden kann. Bräuchte das zu testzwecken und habe werde Zeit noch Lust mich in das iFrame im Detail einzuarbeiten.

                              crunchipC Away
                              crunchipC Away
                              crunchip
                              Forum Testing Most Active
                              wrote on last edited by
                              #139

                              @Scrounger ok, ich werde es noch einmal testen

                              umgestiegen von Proxmox auf Unraid

                              D 1 Reply Last reply
                              0
                              • crunchipC crunchip

                                @Scrounger ok, ich werde es noch einmal testen

                                D Offline
                                D Offline
                                darkiop
                                Most Active
                                wrote on last edited by darkiop
                                #140

                                gelöscht

                                Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

                                1 Reply Last reply
                                0
                                • ScroungerS Scrounger

                                  Hab eine neue Version hochgeladen, wo jetzt es jetzt SubMenu gibt.
                                  Wie ihr das konfigurieren müsste, steht hier

                                  topappbar_dismissible.gif

                                  Ich hab einiges geändert, d.h. evtl. zerschießt es euch die Top Bar und die List. Bevor ihr hier fehler postet, bitte zuerst die beiden Widgets komplett neu erstellen und dann testen ob es wirklich ein fehler ist!

                                  @crunchip, @andiko2
                                  Ich verwende jetzt die min lib der mdc api. Evtl. löst das das Ram Problem?

                                  Bitte testen.

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

                                  Du hattest noch nach einem Anwendungsbereich für das iframe tile gefragt. Ich lasse mir da z.B. meinen Kamerastream anzeigen.

                                  Ok, hat mir jemdand vielleicht auch ein funktionierendes Beispiel zu einem online stream, den man mit iFrame einbinden kann. Bräuchte das zu testzwecken und habe werde Zeit noch Lust mich in das iFrame im Detail einzuarbeiten.

                                  D Offline
                                  D Offline
                                  darkiop
                                  Most Active
                                  wrote on last edited by darkiop
                                  #141

                                  @Scrounger

                                  Super, später mal anschauen.

                                  Was häälst du von einer Liste des Typs Texts mit der Möglichkeit rechts in der Liste States auszugeben?

                                  Zur neuen Version:

                                  Es ist Erforderlich die Liste zu ersetzen. (Edit: Setze ich auch hier bei den alten den background:transparent, da sieht alles erstmal OK aus und funktioniert auch).

                                  Bei der alten hatte ich die Möglichkeit, die Liste transparent zu schalten (bin nicht mehr sicher wo genau das war). Die schaut nun immer so aus (egal ob Standard oder Card):

                                  94d748a5-fee1-4ae1-b06f-578b080712cd-grafik.png

                                  Edit:

                                  Über background: transparent bekommt man es hin:

                                  30d1b0db-0834-40c6-9ffd-a60bdb86585f-grafik.png

                                  Allerdings, wird der Inhalt von 'listItemBackground' wohl validiert? Zumindest ist der Wert nur sichtbar, wenn man ihn nach Eingabe markiert:

                                  1ac67fea-82e9-4e10-b19d-d05c8bd3bdb4-grafik.png

                                  Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

                                  ScroungerS 2 Replies Last reply
                                  0
                                  • D darkiop

                                    @Scrounger

                                    Super, später mal anschauen.

                                    Was häälst du von einer Liste des Typs Texts mit der Möglichkeit rechts in der Liste States auszugeben?

                                    Zur neuen Version:

                                    Es ist Erforderlich die Liste zu ersetzen. (Edit: Setze ich auch hier bei den alten den background:transparent, da sieht alles erstmal OK aus und funktioniert auch).

                                    Bei der alten hatte ich die Möglichkeit, die Liste transparent zu schalten (bin nicht mehr sicher wo genau das war). Die schaut nun immer so aus (egal ob Standard oder Card):

                                    94d748a5-fee1-4ae1-b06f-578b080712cd-grafik.png

                                    Edit:

                                    Über background: transparent bekommt man es hin:

                                    30d1b0db-0834-40c6-9ffd-a60bdb86585f-grafik.png

                                    Allerdings, wird der Inhalt von 'listItemBackground' wohl validiert? Zumindest ist der Wert nur sichtbar, wenn man ihn nach Eingabe markiert:

                                    1ac67fea-82e9-4e10-b19d-d05c8bd3bdb4-grafik.png

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

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

                                    Was häälst du von einer Liste des Typs Texts mit der Möglichkeit rechts in der Liste States auszugeben?

                                    Das geht schon, mit html tags und binding:
                                    tmp.png

                                    Einfach bei Beschriftung html tags verwenden, z.B.:

                                    <div style="display:flex; flex-direction: row; justify-content: center; align-items: center">
                                    <label style="width: 100%">Beschreibung</label>
                                    <label>{virtualpowermeter.0.Virtual_Energy_Total}Wh</label>
                                    </div>
                                    

                                    Zur neuen Version:

                                    Es ist Erforderlich die Liste zu ersetzen. Bei der alten hatte ich die Möglichkeit, die Liste transparent zu schalten (bin nicht mehr sicher wo genau das war). Die schaut nun immer so aus (egal ob Standard oder Card):

                                    listItemBackground: transpaernt, listLayout: standard

                                    D 1 Reply Last reply
                                    0
                                    • ScroungerS Scrounger

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

                                      Was häälst du von einer Liste des Typs Texts mit der Möglichkeit rechts in der Liste States auszugeben?

                                      Das geht schon, mit html tags und binding:
                                      tmp.png

                                      Einfach bei Beschriftung html tags verwenden, z.B.:

                                      <div style="display:flex; flex-direction: row; justify-content: center; align-items: center">
                                      <label style="width: 100%">Beschreibung</label>
                                      <label>{virtualpowermeter.0.Virtual_Energy_Total}Wh</label>
                                      </div>
                                      

                                      Zur neuen Version:

                                      Es ist Erforderlich die Liste zu ersetzen. Bei der alten hatte ich die Möglichkeit, die Liste transparent zu schalten (bin nicht mehr sicher wo genau das war). Die schaut nun immer so aus (egal ob Standard oder Card):

                                      listItemBackground: transpaernt, listLayout: standard

                                      D Offline
                                      D Offline
                                      darkiop
                                      Most Active
                                      wrote on last edited by
                                      #143

                                      @Scrounger Ok, schau ich gleich mal. Hab meinen Post oben zeitgleich mit deinem Editiert :)

                                      Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

                                      1 Reply Last reply
                                      0
                                      • D darkiop

                                        @Scrounger

                                        Super, später mal anschauen.

                                        Was häälst du von einer Liste des Typs Texts mit der Möglichkeit rechts in der Liste States auszugeben?

                                        Zur neuen Version:

                                        Es ist Erforderlich die Liste zu ersetzen. (Edit: Setze ich auch hier bei den alten den background:transparent, da sieht alles erstmal OK aus und funktioniert auch).

                                        Bei der alten hatte ich die Möglichkeit, die Liste transparent zu schalten (bin nicht mehr sicher wo genau das war). Die schaut nun immer so aus (egal ob Standard oder Card):

                                        94d748a5-fee1-4ae1-b06f-578b080712cd-grafik.png

                                        Edit:

                                        Über background: transparent bekommt man es hin:

                                        30d1b0db-0834-40c6-9ffd-a60bdb86585f-grafik.png

                                        Allerdings, wird der Inhalt von 'listItemBackground' wohl validiert? Zumindest ist der Wert nur sichtbar, wenn man ihn nach Eingabe markiert:

                                        1ac67fea-82e9-4e10-b19d-d05c8bd3bdb4-grafik.png

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

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

                                        Allerdings, wird der Inhalt von 'listItemBackground' wohl validiert? Zumindest ist der Wert nur sichtbar, wenn man ihn nach Eingabe markiert:

                                        Das macht der Editor so, da hab ich keinen Einfluss drauf

                                        geht auch mit checkboxes / switches:
                                        tmps2.png

                                        D 1 Reply Last reply
                                        0
                                        • ScroungerS Scrounger

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

                                          Allerdings, wird der Inhalt von 'listItemBackground' wohl validiert? Zumindest ist der Wert nur sichtbar, wenn man ihn nach Eingabe markiert:

                                          Das macht der Editor so, da hab ich keinen Einfluss drauf

                                          geht auch mit checkboxes / switches:
                                          tmps2.png

                                          D Offline
                                          D Offline
                                          darkiop
                                          Most Active
                                          wrote on last edited by
                                          #145

                                          @Scrounger Ich bekomme den Text gerade nicht rechts ausgerichtet - könntest du dein Widget als Export hier reinstellen?

                                          Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

                                          ScroungerS 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

                                          294

                                          Online

                                          32.6k

                                          Users

                                          82.3k

                                          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