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

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

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

[Neuer VIS-Adpater] Material Design Widgets

Geplant Angeheftet Gesperrt Verschoben Entwicklung
adapter
271 Beiträge 30 Kommentatoren 51.3k 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.
  • andiko2A andiko2

    @Scrounger Als mir das aufgefallen ist, lag ich bei 33% freiem Speicher. Nach der deinstallation ist der freie Speicher auf 46% gestiegen. Hab 8 Gb Speicher. Der iobroker läuft auf Linux Mint und sonst läuft dort nichts weiter auf dem PC.
    Nach der deinstallation, bleiben die Widgets im Vis Editor erhalten. Das sollte doch bestimmt nicht so sein denke ich mir.
    Ansonsten finde ich das schon mal sehr gut und werde mich bestimmt noch mal damit beschäftigen.

    crunchipC Abwesend
    crunchipC Abwesend
    crunchip
    Forum Testing Most Active
    schrieb am zuletzt editiert von
    #125

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

    umgestiegen von Proxmox auf Unraid

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

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

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

      crunchipC 2 Antworten Letzte Antwort
      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 Abwesend
        crunchipC Abwesend
        crunchip
        Forum Testing Most Active
        schrieb am zuletzt editiert von
        #127

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

        umgestiegen von Proxmox auf Unraid

        1 Antwort Letzte Antwort
        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 Abwesend
          crunchipC Abwesend
          crunchip
          Forum Testing Most Active
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            0
            • sigi234S sigi234

              @crunchip

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

              crunchipC Abwesend
              crunchipC Abwesend
              crunchip
              Forum Testing Most Active
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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 Abwesend
                  crunchipC Abwesend
                  crunchip
                  Forum Testing Most Active
                  schrieb am zuletzt editiert von
                  #132

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

                  umgestiegen von Proxmox auf Unraid

                  1 Antwort Letzte Antwort
                  0
                  • D Online
                    D Online
                    darkiop
                    Most Active
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    0
                    • G Offline
                      G Offline
                      gravidi
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      0
                      • C Offline
                        C Offline
                        claus1993
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #136

                          @claus1993

                          Neustart

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

                          C 1 Antwort Letzte Antwort
                          0
                          • sigi234S sigi234

                            @claus1993

                            Neustart

                            C Offline
                            C Offline
                            claus1993
                            schrieb am zuletzt editiert von
                            #137

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

                            @claus1993

                            Neustart

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

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

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

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

                              crunchipC D sigi234S 4 Antworten Letzte Antwort
                              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 Abwesend
                                crunchipC Abwesend
                                crunchip
                                Forum Testing Most Active
                                schrieb am zuletzt editiert von
                                #139

                                @Scrounger ok, ich werde es noch einmal testen

                                umgestiegen von Proxmox auf Unraid

                                D 1 Antwort Letzte Antwort
                                0
                                • crunchipC crunchip

                                  @Scrounger ok, ich werde es noch einmal testen

                                  D Online
                                  D Online
                                  darkiop
                                  Most Active
                                  schrieb am zuletzt editiert von darkiop
                                  #140

                                  gelöscht

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

                                  1 Antwort Letzte Antwort
                                  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 Online
                                    D Online
                                    darkiop
                                    Most Active
                                    schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von 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

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

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

                                      D 1 Antwort Letzte Antwort
                                      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 Online
                                        D Online
                                        darkiop
                                        Most Active
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von 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

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

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

                                          D 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

                                          736

                                          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