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

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: IconList Widget

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.3k

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

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

Material Design Widgets: IconList Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
134 Beiträge 26 Kommentatoren 21.5k Aufrufe 29 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 Offline
    ScroungerS Offline
    Scrounger
    Developer
    schrieb am zuletzt editiert von Scrounger
    #1

    IconList Widget

    iconList.gif

    Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

    Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

    • Dokumentation
    • Online Beispiel

    Themen zu anderen Widgets findest du hier!

    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

    sigi234S B 2 Antworten Letzte Antwort
    0
    • G Offline
      G Offline
      g.polat
      schrieb am zuletzt editiert von
      #2

      Hi,
      wie kann ich einstellen, dass nur eingeschaltete Geräte angezeigt werden?
      Dank im vorraus.
      GP

      1 Antwort Letzte Antwort
      0
      • ScroungerS Offline
        ScroungerS Offline
        Scrounger
        Developer
        schrieb am zuletzt editiert von Scrounger
        #3

        Beispiele, wie ein dynamisch erzeugtes IconList Widget funktioniert findet ihr hier:

        • Adapter Status iconList_adapterStatus.gif

        • Skript Status Skript_Status.gif

        @g-polat
        Sowas kannst du per skript und json string realisieren.

        <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

        <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

        liv-in-skyL 1 Antwort Letzte Antwort
        0
        • ScroungerS Scrounger

          Beispiele, wie ein dynamisch erzeugtes IconList Widget funktioniert findet ihr hier:

          • Adapter Status iconList_adapterStatus.gif

          • Skript Status Skript_Status.gif

          @g-polat
          Sowas kannst du per skript und json string realisieren.

          liv-in-skyL Offline
          liv-in-skyL Offline
          liv-in-sky
          schrieb am zuletzt editiert von
          #4

          @Scrounger hi

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

          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

          ScroungerS 2 Antworten Letzte Antwort
          0
          • liv-in-skyL liv-in-sky

            @Scrounger hi

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

            ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            schrieb am zuletzt editiert von
            #5

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

            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

            liv-in-skyL 1 Antwort Letzte Antwort
            1
            • ScroungerS 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

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

              liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von
              #6

              @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

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              1 Antwort Letzte Antwort
              0
              • liv-in-skyL liv-in-sky

                @Scrounger hi

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

                ScroungerS Offline
                ScroungerS Offline
                Scrounger
                Developer
                schrieb am zuletzt editiert von Scrounger
                #7

                @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

                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                liv-in-skyL 2 Antworten Letzte Antwort
                0
                • ScroungerS 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-skyL Offline
                  liv-in-skyL Offline
                  liv-in-sky
                  schrieb am zuletzt editiert von
                  #8

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

                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                  sigi234S 1 Antwort Letzte Antwort
                  0
                  • liv-in-skyL liv-in-sky

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

                    sigi234S Online
                    sigi234S Online
                    sigi234
                    Forum Testing Most Active
                    schrieb am zuletzt editiert von
                    #9

                    @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

                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                    Immer Daten sichern!

                    liv-in-skyL 1 Antwort Letzte Antwort
                    0
                    • sigi234S sigi234

                      @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-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      schrieb am zuletzt editiert von liv-in-sky
                      #10

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

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      sigi234S 1 Antwort Letzte Antwort
                      0
                      • liv-in-skyL liv-in-sky

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

                        sigi234S Online
                        sigi234S Online
                        sigi234
                        Forum Testing Most Active
                        schrieb am zuletzt editiert von
                        #11

                        @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

                        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                        Immer Daten sichern!

                        liv-in-skyL 2 Antworten Letzte Antwort
                        0
                        • sigi234S sigi234

                          @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-skyL Offline
                          liv-in-skyL Offline
                          liv-in-sky
                          schrieb am zuletzt editiert von
                          #12

                          @sigi234

                          Image 7.png

                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                          1 Antwort Letzte Antwort
                          0
                          • sigi234S sigi234

                            @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-skyL Offline
                            liv-in-skyL Offline
                            liv-in-sky
                            schrieb am zuletzt editiert von
                            #13

                            @sigi234 @Scrounger

                            installation hat jetzt geklappt

                            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                            1 Antwort Letzte Antwort
                            0
                            • ScroungerS 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-skyL Offline
                              liv-in-skyL Offline
                              liv-in-sky
                              schrieb am zuletzt editiert von
                              #14

                              @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

                              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                              ScroungerS 1 Antwort Letzte Antwort
                              0
                              • liv-in-skyL liv-in-sky

                                @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

                                ScroungerS Offline
                                ScroungerS Offline
                                Scrounger
                                Developer
                                schrieb am zuletzt editiert von
                                #15

                                @liv-in-sky

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

                                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                liv-in-skyL 1 Antwort Letzte Antwort
                                0
                                • ScroungerS Scrounger

                                  @liv-in-sky

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

                                  liv-in-skyL Offline
                                  liv-in-skyL Offline
                                  liv-in-sky
                                  schrieb am zuletzt editiert von
                                  #16

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

                                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                  ScroungerS 1 Antwort Letzte Antwort
                                  0
                                  • liv-in-skyL liv-in-sky

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

                                    ScroungerS Offline
                                    ScroungerS Offline
                                    Scrounger
                                    Developer
                                    schrieb am zuletzt editiert von
                                    #17

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

                                    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                    liv-in-skyL 1 Antwort Letzte Antwort
                                    0
                                    • ScroungerS Scrounger

                                      @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-skyL Offline
                                      liv-in-skyL Offline
                                      liv-in-sky
                                      schrieb am zuletzt editiert von
                                      #18

                                      @Scrounger

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

                                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                      ScroungerS 1 Antwort Letzte Antwort
                                      0
                                      • liv-in-skyL liv-in-sky

                                        @Scrounger

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

                                        ScroungerS Offline
                                        ScroungerS Offline
                                        Scrounger
                                        Developer
                                        schrieb am zuletzt editiert von Scrounger
                                        #19

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

                                        <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                        <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                        liv-in-skyL 1 Antwort Letzte Antwort
                                        0
                                        • ScroungerS Scrounger

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

                                          liv-in-skyL Offline
                                          liv-in-skyL Offline
                                          liv-in-sky
                                          schrieb am zuletzt editiert von
                                          #20

                                          @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

                                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                          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

                                          764

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          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