Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. Visualisierung
  4. (Lovelace) Farbe der Icons verändern

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    6
    1
    253

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    9
    1
    245

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    901

(Lovelace) Farbe der Icons verändern

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
24 Beiträge 2 Kommentatoren 2.9k Aufrufe 3 Beobachtet
  • Ä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.
  • J Offline
    J Offline
    johannes1702
    schrieb am zuletzt editiert von johannes1702
    #1

    Hallo,

    ich versuche mich gerade an einem "Glance".

    type: glance
    entities:
      - entity: sensor.Keller_Bewegungsmelder
        name: Keller
        icon: 'mdi:run'
      - entity: sensor.Schlafzimmer_Bewegungsmelder
        name: Schlafzimmer
        icon: 'mdi:run'
      - entity: sensor.Flur_Bewegung_Ost
        icon: 'mdi:run'
      - entity: sensor.Flur_Bewegung_West
        icon: 'mdi:run'
      - entity: sensor.Kueche_Bewegungsmelder
        icon: 'mdi:run'
    title: Bewegung (Glance)
    show_icon: true
    state_color: true
    show_state: true
    columns: 3
    

    Dabei hätte ich es gerne, dass sich die Farbe des Symbols ändert, wenn der Status "true" ist. Lt. Doku sollte das standardmäßig eigentlich passieren. Habe es nochmal über "state_color: true" definiert, aber erfolglos. :-(

    Jemand eine Idee?

    LG Johannes

    PS: Ist das eigentlich hier nen guter Ort, um Fragen zu Lovelace zu stellen? Irgendwie ist es sehr VIS lastig hier :-)

    CrunkFXC 1 Antwort Letzte Antwort
    0
    • J johannes1702

      Hallo,

      ich versuche mich gerade an einem "Glance".

      type: glance
      entities:
        - entity: sensor.Keller_Bewegungsmelder
          name: Keller
          icon: 'mdi:run'
        - entity: sensor.Schlafzimmer_Bewegungsmelder
          name: Schlafzimmer
          icon: 'mdi:run'
        - entity: sensor.Flur_Bewegung_Ost
          icon: 'mdi:run'
        - entity: sensor.Flur_Bewegung_West
          icon: 'mdi:run'
        - entity: sensor.Kueche_Bewegungsmelder
          icon: 'mdi:run'
      title: Bewegung (Glance)
      show_icon: true
      state_color: true
      show_state: true
      columns: 3
      

      Dabei hätte ich es gerne, dass sich die Farbe des Symbols ändert, wenn der Status "true" ist. Lt. Doku sollte das standardmäßig eigentlich passieren. Habe es nochmal über "state_color: true" definiert, aber erfolglos. :-(

      Jemand eine Idee?

      LG Johannes

      PS: Ist das eigentlich hier nen guter Ort, um Fragen zu Lovelace zu stellen? Irgendwie ist es sehr VIS lastig hier :-)

      CrunkFXC Offline
      CrunkFXC Offline
      CrunkFX
      Forum Testing
      schrieb am zuletzt editiert von
      #2

      @johannes1702 Hey, wärst du so lieb und würdest das Mal so probieren: https://www.smarthome-tricks.de/software-iobroker/iobroker-visualisierung-mit-lovelace-teil-8-entity-filter/

      Außerdem ist das hier Prima, denn auch Lovelace ist ne Vis und daher fragen hier super aufgehoben.

      MFG
      CrunkFX

      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      1 Antwort Letzte Antwort
      0
      • J Offline
        J Offline
        johannes1702
        schrieb am zuletzt editiert von
        #3

        Hey,

        habe das mal probiert:

        type: entity-filter
        entities:
          - entity: sensor.BalkonOst_Wasserstand
            name: Wasserstand
          - entity: sensor.Haus_Briefkasten_Erschuetterung
            name: Briefkasten
        state-filter:
          - 'on'
        card:
          type: glance
          title: Sensoren
        

        Bekomme aber leider einen Fehler:
        63e02a96-74f3-42f2-bdd3-552903af13be-grafik.png

        Lasse ich den Filter weg, motzt er, auch wenn ich 'on' zu 'true' oder true ändere.

        LG Johannes

        CrunkFXC 1 Antwort Letzte Antwort
        0
        • J johannes1702

          Hey,

          habe das mal probiert:

          type: entity-filter
          entities:
            - entity: sensor.BalkonOst_Wasserstand
              name: Wasserstand
            - entity: sensor.Haus_Briefkasten_Erschuetterung
              name: Briefkasten
          state-filter:
            - 'on'
          card:
            type: glance
            title: Sensoren
          

          Bekomme aber leider einen Fehler:
          63e02a96-74f3-42f2-bdd3-552903af13be-grafik.png

          Lasse ich den Filter weg, motzt er, auch wenn ich 'on' zu 'true' oder true ändere.

          LG Johannes

          CrunkFXC Offline
          CrunkFXC Offline
          CrunkFX
          Forum Testing
          schrieb am zuletzt editiert von
          #4

          @johannes1702 Moment ich schau mir das Mal eben an.

          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          1 Antwort Letzte Antwort
          0
          • J Offline
            J Offline
            johannes1702
            schrieb am zuletzt editiert von
            #5

            Ich glaube, das hat ggf. auch was mit der manuellen Einbindung der Sensoren zu tun. Hatte gerade mal einen Bewegungsmelder rausgeworfen und mal automatisch hinzufügen lassen. Und dann nochmal nen Glance erstellt:

            fd5aa8eb-eca8-47de-b309-351ba70bd2c4-grafik.png

            Und dann bekomme ich auch eine Veränderung, wenn der auslöst.

            Nicht, dass du dir unnötig Arbeit machst :-(

            Johannes

            CrunkFXC 1 Antwort Letzte Antwort
            0
            • J johannes1702

              Ich glaube, das hat ggf. auch was mit der manuellen Einbindung der Sensoren zu tun. Hatte gerade mal einen Bewegungsmelder rausgeworfen und mal automatisch hinzufügen lassen. Und dann nochmal nen Glance erstellt:

              fd5aa8eb-eca8-47de-b309-351ba70bd2c4-grafik.png

              Und dann bekomme ich auch eine Veränderung, wenn der auslöst.

              Nicht, dass du dir unnötig Arbeit machst :-(

              Johannes

              CrunkFXC Offline
              CrunkFXC Offline
              CrunkFX
              Forum Testing
              schrieb am zuletzt editiert von
              #6

              @johannes1702 OK folgendes. Das was ich dir geschickt habe funktioniert, wenn man es richtig nachbaut.

              state_filter:
              
              anstatt
              
              state-filter:
              

              Aber leider macht der Entity Filter nicht das was ich dachte. Er zeigt in der Glance Card nur Objekte an, die in den Filter passen. Sorry dafür.
              Glance funktioniert bei mir zwar wenn ich mir den Wert anzeigen lasse, aber auch bei mir ändert sich das Icon nicht. Ich schau aber nochmal.

              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

              J 1 Antwort Letzte Antwort
              1
              • CrunkFXC CrunkFX

                @johannes1702 OK folgendes. Das was ich dir geschickt habe funktioniert, wenn man es richtig nachbaut.

                state_filter:
                
                anstatt
                
                state-filter:
                

                Aber leider macht der Entity Filter nicht das was ich dachte. Er zeigt in der Glance Card nur Objekte an, die in den Filter passen. Sorry dafür.
                Glance funktioniert bei mir zwar wenn ich mir den Wert anzeigen lasse, aber auch bei mir ändert sich das Icon nicht. Ich schau aber nochmal.

                J Offline
                J Offline
                johannes1702
                schrieb am zuletzt editiert von
                #7

                @CrunkFX sagte in (Lovelace) Farbe der Icons verändern:

                @johannes1702 OK folgendes. Das was ich dir geschickt habe funktioniert, wenn man es richtig nachbaut.

                Da hast du wohl recht :-D Sry, ja dann gehts auch bei mir. Filterung aber auch nicht. Mit dem normalen Glance und wenn die Sensoren als Binary automatisch angelegt wurden, dann habe ich auch den Wechsel der Icons.

                CrunkFXC 2 Antworten Letzte Antwort
                0
                • J johannes1702

                  @CrunkFX sagte in (Lovelace) Farbe der Icons verändern:

                  @johannes1702 OK folgendes. Das was ich dir geschickt habe funktioniert, wenn man es richtig nachbaut.

                  Da hast du wohl recht :-D Sry, ja dann gehts auch bei mir. Filterung aber auch nicht. Mit dem normalen Glance und wenn die Sensoren als Binary automatisch angelegt wurden, dann habe ich auch den Wechsel der Icons.

                  CrunkFXC Offline
                  CrunkFXC Offline
                  CrunkFX
                  Forum Testing
                  schrieb am zuletzt editiert von
                  #8

                  @johannes1702 Schau dir das mal als alternative an. Das nutze ich auch und bietet viel mehr Einstellungsmöglichkeiten, die gut Dokumentiert sind.
                  https://github.com/custom-cards/button-card

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  1 Antwort Letzte Antwort
                  0
                  • J johannes1702

                    @CrunkFX sagte in (Lovelace) Farbe der Icons verändern:

                    @johannes1702 OK folgendes. Das was ich dir geschickt habe funktioniert, wenn man es richtig nachbaut.

                    Da hast du wohl recht :-D Sry, ja dann gehts auch bei mir. Filterung aber auch nicht. Mit dem normalen Glance und wenn die Sensoren als Binary automatisch angelegt wurden, dann habe ich auch den Wechsel der Icons.

                    CrunkFXC Offline
                    CrunkFXC Offline
                    CrunkFX
                    Forum Testing
                    schrieb am zuletzt editiert von
                    #9

                    @johannes1702 Kleines Beispiel für deinen Briefkasten cc6ca0fb-c23c-4df8-ad4d-07894c10d506-grafik.png

                    type: 'custom:button-card'
                    icon: 'mdi:cube'
                    entity: sensor.Test
                    color_type: card
                    color: 'rgb(66, 134, 244)'
                    name: Briefkasten
                    state:
                      - value: true
                        color: 'rgb(0, 255, 0)'
                      - value: false
                        color: 'rgb(255, 0, 0)'
                    
                    

                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                    1 Antwort Letzte Antwort
                    1
                    • J Offline
                      J Offline
                      johannes1702
                      schrieb am zuletzt editiert von
                      #10

                      Wow, sehr interessant und Danke dir für das Beispiel.

                      Frage: Wie bekomme ich button-card denn installiert? 😖

                      CrunkFXC 1 Antwort Letzte Antwort
                      0
                      • J johannes1702

                        Wow, sehr interessant und Danke dir für das Beispiel.

                        Frage: Wie bekomme ich button-card denn installiert? 😖

                        CrunkFXC Offline
                        CrunkFXC Offline
                        CrunkFX
                        Forum Testing
                        schrieb am zuletzt editiert von CrunkFX
                        #11

                        @johannes1702 Das hier downloaden http://www.github.com/custom-cards/button-card/releases/latest/download/button-card.js und dann in den Instanzeinstellungen hier reinziehen: 8.PNG

                        Zuletzt noch im Raw Editor 9.PNG 10.PNG
                        Die Abhängigkeit hinzufügen.

                        resources:
                          - type: module
                            url: /cards/button-card.js
                        

                        EDIT
                        Es gab mal beim reinziehen ein Problem mit Firefox. Falls es nicht klappt nimm kurz nen anderen Browser

                        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        1 Antwort Letzte Antwort
                        1
                        • J Offline
                          J Offline
                          johannes1702
                          schrieb am zuletzt editiert von
                          #12

                          Ok, das war einfach :-) Was zum Spielen :-D

                          CrunkFXC 1 Antwort Letzte Antwort
                          0
                          • J johannes1702

                            Ok, das war einfach :-) Was zum Spielen :-D

                            CrunkFXC Offline
                            CrunkFXC Offline
                            CrunkFX
                            Forum Testing
                            schrieb am zuletzt editiert von
                            #13

                            @johannes1702 Hihi, bei Fragen einfach stellen. 🤠

                            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                            J 1 Antwort Letzte Antwort
                            1
                            • CrunkFXC CrunkFX

                              @johannes1702 Hihi, bei Fragen einfach stellen. 🤠

                              J Offline
                              J Offline
                              johannes1702
                              schrieb am zuletzt editiert von
                              #14

                              @CrunkFX Die kommen :-D

                              J 1 Antwort Letzte Antwort
                              0
                              • J johannes1702

                                @CrunkFX Die kommen :-D

                                J Offline
                                J Offline
                                johannes1702
                                schrieb am zuletzt editiert von
                                #15

                                @CrunkFX Ich hab es angedroht :-)

                                Erstmal, tolle Erweiterung zu Lovelace, danke für den Tipp. Macht echt Spaß.

                                Habe mal das gebaut, sollen zum Schluss dann 2 Reihen mit ja 4 Symbolen/Buttons werden:

                                c70bdad9-1e39-4dcd-970d-ce60029e9d8e-grafik.png

                                type: vertical-stack
                                title: Sensoren
                                cards:
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: binary_sensor.WZ_Terrassentuere_rechts
                                        name: Terrassentüre
                                        icon: 'mdi:door'
                                        tap_action:
                                          action: none
                                        show_state: false
                                        state:
                                          - value: true
                                            color: 'rgb(255, 215, 0)'
                                          - value: false
                                            color: 'rgb(0, 205, 0)'
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: binary_sensor.Bewegungsmelder_SZ_Bewegung
                                        name: Schlafzimmer
                                        icon: 'mdi:motion-sensor'
                                        tap_action:
                                          action: none
                                        show_state: false
                                        state:
                                          - value: true
                                            color: 'rgb(255, 215, 0)'
                                          - value: false
                                            color: 'rgb(0, 205, 0)'
                                

                                Funktioniert soweit, bis darauf, dass das Icon nicht grün wird. Ist der Sensorwert true, wird es gelb. Bei false soll es grün werden, nicht blau. :-(

                                Und noch was: Wenn ich eine Zeile mit # auskommentiere, dann ist nach dem speichern und neu öffnen die Zeile weg. Kann man dem das Löschen abgewöhnen. Auskommentieren finde ich zum testen doch ganz nett. :-)

                                Danke :-)

                                LG Johannes

                                CrunkFXC 1 Antwort Letzte Antwort
                                0
                                • J johannes1702

                                  @CrunkFX Ich hab es angedroht :-)

                                  Erstmal, tolle Erweiterung zu Lovelace, danke für den Tipp. Macht echt Spaß.

                                  Habe mal das gebaut, sollen zum Schluss dann 2 Reihen mit ja 4 Symbolen/Buttons werden:

                                  c70bdad9-1e39-4dcd-970d-ce60029e9d8e-grafik.png

                                  type: vertical-stack
                                  title: Sensoren
                                  cards:
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          entity: binary_sensor.WZ_Terrassentuere_rechts
                                          name: Terrassentüre
                                          icon: 'mdi:door'
                                          tap_action:
                                            action: none
                                          show_state: false
                                          state:
                                            - value: true
                                              color: 'rgb(255, 215, 0)'
                                            - value: false
                                              color: 'rgb(0, 205, 0)'
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          entity: binary_sensor.Bewegungsmelder_SZ_Bewegung
                                          name: Schlafzimmer
                                          icon: 'mdi:motion-sensor'
                                          tap_action:
                                            action: none
                                          show_state: false
                                          state:
                                            - value: true
                                              color: 'rgb(255, 215, 0)'
                                            - value: false
                                              color: 'rgb(0, 205, 0)'
                                  

                                  Funktioniert soweit, bis darauf, dass das Icon nicht grün wird. Ist der Sensorwert true, wird es gelb. Bei false soll es grün werden, nicht blau. :-(

                                  Und noch was: Wenn ich eine Zeile mit # auskommentiere, dann ist nach dem speichern und neu öffnen die Zeile weg. Kann man dem das Löschen abgewöhnen. Auskommentieren finde ich zum testen doch ganz nett. :-)

                                  Danke :-)

                                  LG Johannes

                                  CrunkFXC Offline
                                  CrunkFXC Offline
                                  CrunkFX
                                  Forum Testing
                                  schrieb am zuletzt editiert von
                                  #16

                                  @johannes1702 Mahlzeit, bist du sicher, dass true und false boolsche Werte sind? Wenn ja, ersetz Mal false durch null , das hat beim Tileboard auch funktioniert.

                                  Probier das mit dem auskommentieren Mal im RAW Editor wo du Ressources hinzugefügt hast.

                                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                  1 Antwort Letzte Antwort
                                  0
                                  • J Offline
                                    J Offline
                                    johannes1702
                                    schrieb am zuletzt editiert von
                                    #17

                                    @CrunkFX

                                    Guten Morgen,

                                    habe mal null probiert, hat aber nichts verändert. Also in den Objekten ist es auf jeden Fall (noch) ein boolean Wert:

                                    {
                                      "type": "state",
                                      "common": {
                                        "name": "OpenClose 25 open",
                                        "type": "boolean",
                                        "role": "sensor.open",
                                        "read": true,
                                        "write": false,
                                        "custom": {
                                          "lovelace.0": {
                                            "enabled": true,
                                            "entity": "binary_sensor",
                                            "name": "WZ_Terrassentuere_rechts"
                                          }
                                        }
                                      },
                                      "native": {},
                                      "from": "system.adapter.deconz.0",
                                      "user": "system.user.admin",
                                      "ts": 1594748470204,
                                      "_id": "deconz.0.Sensors.25.open",
                                      "acl": {
                                        "object": 1638,
                                        "state": 1638
                                      }
                                    }
                                    

                                    Kann man irgendwie prüfen, was für ein Wert in Lovelace ankommt?

                                    Grüße
                                    Jo

                                    CrunkFXC 1 Antwort Letzte Antwort
                                    -1
                                    • J johannes1702

                                      @CrunkFX

                                      Guten Morgen,

                                      habe mal null probiert, hat aber nichts verändert. Also in den Objekten ist es auf jeden Fall (noch) ein boolean Wert:

                                      {
                                        "type": "state",
                                        "common": {
                                          "name": "OpenClose 25 open",
                                          "type": "boolean",
                                          "role": "sensor.open",
                                          "read": true,
                                          "write": false,
                                          "custom": {
                                            "lovelace.0": {
                                              "enabled": true,
                                              "entity": "binary_sensor",
                                              "name": "WZ_Terrassentuere_rechts"
                                            }
                                          }
                                        },
                                        "native": {},
                                        "from": "system.adapter.deconz.0",
                                        "user": "system.user.admin",
                                        "ts": 1594748470204,
                                        "_id": "deconz.0.Sensors.25.open",
                                        "acl": {
                                          "object": 1638,
                                          "state": 1638
                                        }
                                      }
                                      

                                      Kann man irgendwie prüfen, was für ein Wert in Lovelace ankommt?

                                      Grüße
                                      Jo

                                      CrunkFXC Offline
                                      CrunkFXC Offline
                                      CrunkFX
                                      Forum Testing
                                      schrieb am zuletzt editiert von
                                      #18

                                      @johannes1702 Wenn das Objekt als bool konfiguriert ist, dann kommt auch bool in Lovelace an. Änder Mal den Datenpunkt von binary in Sensor.

                                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                      J 1 Antwort Letzte Antwort
                                      0
                                      • CrunkFXC CrunkFX

                                        @johannes1702 Wenn das Objekt als bool konfiguriert ist, dann kommt auch bool in Lovelace an. Änder Mal den Datenpunkt von binary in Sensor.

                                        J Offline
                                        J Offline
                                        johannes1702
                                        schrieb am zuletzt editiert von
                                        #19

                                        @CrunkFX Ja, das wars. Habe es in Sensor geändert und jetzt wirds grün :-)

                                        CrunkFXC 1 Antwort Letzte Antwort
                                        0
                                        • J johannes1702

                                          @CrunkFX Ja, das wars. Habe es in Sensor geändert und jetzt wirds grün :-)

                                          CrunkFXC Offline
                                          CrunkFXC Offline
                                          CrunkFX
                                          Forum Testing
                                          schrieb am zuletzt editiert von
                                          #20

                                          @johannes1702 Perfekt

                                          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                          J 1 Antwort Letzte Antwort
                                          0

                                          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                          Registrieren Anmelden
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          414

                                          Online

                                          32.8k

                                          Benutzer

                                          82.8k

                                          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