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.
  • andiko2A andiko2

    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.

    ? Offline
    ? Offline
    Ein ehemaliger Benutzer
    schrieb am zuletzt editiert von
    #123

    Hallo zusammen,
    ich beschäftige mich erst seit 5 Tagen mit ioBroker und stehe bei vielen Dingen noch komplett auf dem Schlauch.
    Kann mir bitte jemand erklären, wie ich den Text (Tischlampe) mittig über das Bild (Lampe) bekomme?

    Vielen Dank

    Tischlampe.jpg

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          627

                                          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