Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: IconList Widget

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Material Design Widgets: IconList Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • Scrounger
      Scrounger Developer @liv-in-sky last edited by

      @liv-in-sky sagte in Material Design Widgets: IconList Widget:

      @Scrounger hi

      kann ich eigentlich durch das json einer einzigen "kachel" eine andere hintergrundfarbe geben - abhängig von einem wert in meinem script

      Nee das geht aktuell nicht. Kann ich aber einbauen, gibt's dann in der nächsten Version.

      liv-in-sky 1 Reply Last reply Reply Quote 1
      • liv-in-sky
        liv-in-sky @Scrounger last edited by

        @Scrounger ich baue gerade deine widgets in mein energie script ein (https://forum.iobroker.net/topic/29189/energieanzeige-kwh-über-html-tabelle-vis/281)

        mein problem ist, dort gibt es energieabnehmer ( das sind die meisten davon) aber es gibt auch welche die energie liefern - die müssen irgendwie richtig hervorgehoben werden

        1 Reply Last reply Reply Quote 0
        • Scrounger
          Scrounger Developer @liv-in-sky last edited by Scrounger

          @liv-in-sky sagte in Material Design Widgets: IconList Widget:

          @Scrounger hi

          kann ich eigentlich durch das json einer einzigen "kachel" eine andere hintergrundfarbe geben - abhängig von einem wert in meinem script

          Hab es implementiert, teste mal den aktuellen master -> v0.2.68.
          Kann jetzt über die property background für jedes einzelne Item gesetzt werden, siehe doku:
          https://github.com/Scrounger/ioBroker.vis-materialdesign#iconlist

          liv-in-sky 2 Replies Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @Scrounger last edited by

            @Scrounger gibt es einen trick, wie ich das mit dem master machen muss - habe einfach über git installiert, da kommt aber 0.2.66

            sigi234 1 Reply Last reply Reply Quote 0
            • sigi234
              sigi234 Forum Testing Most Active @liv-in-sky last edited by

              @liv-in-sky sagte in Material Design Widgets: IconList Widget:

              @Scrounger gibt es einen trick, wie ich das mit dem master machen muss - habe einfach über git installiert, da kommt aber 0.2.66

              Installieren aus eigener Url, Verwahrungsort latest

              liv-in-sky 1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @sigi234 last edited by liv-in-sky

                @sigi234 habe ich gemacht - das meinte ich mit "über git" installiert ("katze")

                sigi234 1 Reply Last reply Reply Quote 0
                • sigi234
                  sigi234 Forum Testing Most Active @liv-in-sky last edited by

                  @liv-in-sky sagte in Material Design Widgets: IconList Widget:

                  @sigi234 habe ich gemacht - das meinte ich mit "über git" installiert ("katze")

                  Was zeigt das an?

                  Screenshot (2061)_LI.jpg

                  liv-in-sky 2 Replies Last reply Reply Quote 0
                  • liv-in-sky
                    liv-in-sky @sigi234 last edited by

                    @sigi234

                    Image 7.png

                    1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky @sigi234 last edited by

                      @sigi234 @Scrounger

                      installation hat jetzt geklappt

                      1 Reply Last reply Reply Quote 0
                      • liv-in-sky
                        liv-in-sky @Scrounger last edited by

                        @Scrounger hab mal ein wenig getestet - kann es sein, dass es jetzt kein allgemein gültiges background color mehr gibt und ich für jedes extra eines im json einstellen muss ? oder stell ich mich nur an ?

                        Image 8.png

                        Scrounger 1 Reply Last reply Reply Quote 0
                        • Scrounger
                          Scrounger Developer @liv-in-sky last edited by

                          @liv-in-sky

                          Ja das ist jetzt so. Hintergrund muss für jedes item gesetzt werden.

                          liv-in-sky 1 Reply Last reply Reply Quote 0
                          • liv-in-sky
                            liv-in-sky @Scrounger last edited by

                            @Scrounger das bedeutet, nach dem adapter update wird bei den meisten usern der dunkle background verschwunden sein - es müssen alle scripte überarbeitet werden

                            Scrounger 1 Reply Last reply Reply Quote 0
                            • Scrounger
                              Scrounger Developer @liv-in-sky last edited by

                              @liv-in-sky
                              Mhh ok, das ist natürlich ungünstig...
                              Da ich selber den weißen Hintergrund verwende, hatte ich das nicht auf dem Schirm.

                              Bau ich ein, dass man global den hintergrund festlegen kann und dann pro item überschreiben kann.

                              liv-in-sky 1 Reply Last reply Reply Quote 0
                              • liv-in-sky
                                liv-in-sky @Scrounger last edited by

                                @Scrounger

                                global im widget und individell überschreibar durch json wäre wohl am besten - dann laufen alle scripte weiter

                                Scrounger 1 Reply Last reply Reply Quote 0
                                • Scrounger
                                  Scrounger Developer @liv-in-sky last edited by Scrounger

                                  @liv-in-sky
                                  Hab es implementiert, aktuellen master von git bitte testen -> v0.2.69

                                  liv-in-sky 1 Reply Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky @Scrounger last edited by

                                    @Scrounger danke dir

                                    die alten widgets zeigen wieder dunkel an

                                    der test mit den farbigen funktioniert auch - als standard sende ich einen leeren string im property - bei den kacheln wird dann der standard hintergrund des widgets angezeigt - bei bestimmten kachel wird ein farbwert übergeben und dieserr wird auch angewendet

                                    mission gelungen

                                    1 Reply Last reply Reply Quote 0
                                    • Uwe Clement
                                      Uwe Clement @Scrounger last edited by Scrounger

                                      Wieder falsche Kategorie. Sorry. Konnte den Post nicht mehr löschen

                                      @Scrounger Bisschen rumgemacht am Wochenende. Super klasse was Du hier machst. DANKE!

                                      ee3a7cac-8ba8-45f7-8ce8-ed6f2f8fc29e-image.png

                                      Habe mal meine Shellys visualisiert mit der Möglichkeit sie ein- und auszuschalten. Danke!

                                      Zu 99% generisch/dynamisch. Kommt alles (Texte, Farben, Reihenfolge der Kacheln, Icons,...) aus den Datenpunkten, welche über Java Script dynamisch zusammengebaut werden. Sogar mit Sortierungsmöglichkeit der Kacheln. Natürlich viel von deinem DEMO abgeschaut!

                                      Edit: verschoben, da Frage IconList Widget betrifft

                                      1 Reply Last reply Reply Quote 0
                                      • Uwe Clement
                                        Uwe Clement last edited by Scrounger

                                        Frage: Kann ich irgendwie Kacheln "freilassen", d.h. sagen die nächste Kachel soll in der nächsten Zeile dargestellt werden?

                                        5562f58a-80dc-4700-8b58-e36367a8ff13-image.png

                                        Möchte in meinem Beispiel keine Kacheln unterschiedlichsten Etagen in einer Zeile haben. Es würde die Welt nicht untergehen wenn dies nicht geht, aber eine Frage ist es mir wert.

                                        DANKE!

                                        Wenn es nicht geht, dann vermutlich als Workarround eine Kachel so formatieren, dass sie sich vom Hintergrund nicht unterscheidet....

                                        Edit: verschoben, da Frage IconList Widget betrifft

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

                                          @Uwe-Clement sagte in Material Design Widgets: IconList Widget:

                                          Wieder falsche Kategorie. Sorry. Konnte den Post nicht mehr löschen

                                          Kein Problem hast ja noch Welpenschutz 😉
                                          Am besten im Editor beim Widget wo du fragen hast auf Fragen & Antworten gehen, dann landest du direkt im entsprechenden Thema zum Wigdet.
                                          2f780c13-3b0f-4c26-bd87-68c1d373283b-grafik.png

                                          Ich versuche aber hier immer Ordnung zu halten und verschieb dann fleißig

                                          geht, dann vermutlich als Workarround eine Kachel so formatieren, dass sie sich vom Hintergrund nicht unterscheidet....

                                          Kannst du nur so realisieren.

                                          Willst du dein Widget + Code vielleicht mit uns teilen?
                                          Könntest z.B. hier
                                          https://forum.iobroker.net/category/14/praktische-anwendungen-showcase
                                          ein neues Thema eröffnen und uns deine Umsetzung (Widget + Skript) erläutern. Falls du Dich mit github auskennen solltest, dann bietet es sich an solche Umsetzung auf github inkl. Versionierung zu stellen.

                                          Uwe Clement 1 Reply Last reply Reply Quote 0
                                          • Uwe Clement
                                            Uwe Clement @Scrounger last edited by

                                            @Scrounger Ja, ich teile gerne den Code. Ich werde noch das Finetuning fertigstellen und den Code dann einstellen. Danke Dir und viele Grüße!

                                            1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            537
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            26
                                            134
                                            16215
                                            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