🔹 Card-mod - Add css styles to any lovelace card

Conditional row inside Entities card:

Do not use ":host" here.

type: vertical-stack
cards:
  - type: entities
    entities:
      - input_boolean.test_boolean
  - type: entities
    entities:
      - sun.sun
      - type: conditional
        conditions:
          - entity: input_boolean.test_boolean
            state: 'on'
        row:
          entity: sun.sun
          icon: 'mdi:desk-lamp'
          name: Nählicht Lampe
        style:
          hui-simple-entity-row$: |
            hui-generic-entity-row {
              text-indent: 45px;
              color: red;
            }
      - entity: sun.sun

image

BTW, it is possible to use a “config.row.entity” variable in templates.

Update 20.05.22:
The styling may not working sometimes - see a description for a conditional element inside Picture elements card. There is an issue on Github.
Update 31.05.22:
The issue is closed.


Example for a “script row”.

2 Likes