Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Entwicklung
    4. [Neuer VIS-Adpater] Material Design Widgets

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    [Neuer VIS-Adpater] Material Design Widgets

    This topic has been deleted. Only users with topic management privileges can see it.
    • ?
      A Former User @andiko2 last edited by

      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 Reply Last reply Reply Quote 0
      • andiko2
        andiko2 @Scrounger last edited by 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.

        crunchip 1 Reply Last reply Reply Quote 0
        • crunchip
          crunchip Forum Testing Most Active @andiko2 last edited by

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

          Scrounger 1 Reply Last reply Reply Quote 0
          • Scrounger
            Scrounger Developer @crunchip last edited by

            @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

            crunchip 2 Replies Last reply Reply Quote 0
            • crunchip
              crunchip Forum Testing Most Active @Scrounger last edited by

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

              1 Reply Last reply Reply Quote 0
              • crunchip
                crunchip Forum Testing Most Active @Scrounger last edited by

                @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

                sigi234 1 Reply Last reply Reply Quote 0
                • sigi234
                  sigi234 Forum Testing Most Active @crunchip last edited by

                  @crunchip

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

                  crunchip 1 Reply Last reply Reply Quote 0
                  • crunchip
                    crunchip Forum Testing Most Active @sigi234 last edited by

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

                    sigi234 1 Reply Last reply Reply Quote 0
                    • sigi234
                      sigi234 Forum Testing Most Active @crunchip last edited by

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

                      @sigi234 ich hatte ja noch nicht mal damit angefangen😁 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

                      crunchip 1 Reply Last reply Reply Quote 0
                      • crunchip
                        crunchip Forum Testing Most Active @sigi234 last edited by

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

                        1 Reply Last reply Reply Quote 0
                        • D
                          darkiop Most Active last edited by

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

                          1 Reply Last reply Reply Quote 0
                          • G
                            gravidi last edited by

                            @Scrounger

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

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

                            @dos1973

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

                            D 1 Reply Last reply Reply Quote 0
                            • C
                              claus1993 last edited by

                              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.

                              sigi234 1 Reply Last reply Reply Quote 0
                              • sigi234
                                sigi234 Forum Testing Most Active @claus1993 last edited by

                                @claus1993

                                Neustart

                                C 1 Reply Last reply Reply Quote 0
                                • C
                                  claus1993 @sigi234 last edited by

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

                                  @claus1993

                                  Neustart

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

                                  1 Reply Last reply Reply Quote 0
                                  • Scrounger
                                    Scrounger Developer last edited by 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.

                                    crunchip D sigi234 4 Replies Last reply Reply Quote 2
                                    • crunchip
                                      crunchip Forum Testing Most Active @Scrounger last edited by

                                      @Scrounger ok, ich werde es noch einmal testen

                                      D 1 Reply Last reply Reply Quote 0
                                      • D
                                        darkiop Most Active @crunchip last edited by darkiop

                                        gelöscht

                                        1 Reply Last reply Reply Quote 0
                                        • D
                                          darkiop Most Active @Scrounger last edited by 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

                                          Scrounger 2 Replies Last reply Reply Quote 0
                                          • Scrounger
                                            Scrounger Developer @darkiop last edited by 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 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.1k
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            adapter
                                            30
                                            271
                                            37416
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo