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

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

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

[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.
  • ScroungerS Scrounger

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

    Geht teilweise, wenn ich auf F12 in Chrome gehe dann reagiert der Slider. Hab mal ein Screenshot gemacht.

    Geht das jetzt bei Dir? Weil das Phanomen müsste mit erhöhung des intiDelays behoben werden. Versuch hier mal in 100er Schritten zu erhöhen.

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

    bei der html card wird kein Subtitle angezeigt also zum editieren:!

    Fix ist hochgeladen.

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

    Kann es sein, das der Adapter viel RAM benutzt? Hab ihn mal getestet und der verfügbare Ram wurde schnell kleiner. Hab ihn dann deinstalliert und verfügbarer RAM ist wieder gestiegen. Nun bin ich mir nicht sicher ob es an diesem Adapter liegt.

    Keine Ahnung, hab mir den Speicherbedarf nicht angeschaut. Was heitß denn gestiegen in Zahlen?

    andiko2A Offline
    andiko2A Offline
    andiko2
    schrieb am zuletzt editiert von andiko2
    #124

    @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 1 Antwort Letzte Antwort
    0
    • 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          392

                                          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