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

[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.
  • 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
                                        • 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 Online
                                          D Online
                                          darkiop
                                          Most Active
                                          schrieb am zuletzt editiert von
                                          #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 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

                                          350

                                          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