Picture Glance Card


Show an image card and corresponding entity states as icon. The entities on the right side allow toggle actions, others show the more-info-dialog.

Picture glance card for a living room Picture glance card for a living room.

Configuration Variables

type

(string)(Required)picture-glance

entities

(list)(Required)List of entities or entity objects.

title

(string)(Optional)The card title.

navigation_path

(string)(Optional)Navigate to path on tap action.

image

(string)(Optional)Background image URL.

camera_image

(string)(Optional)Camera entity as Background image.

state_image

(object)(Optional)Background image based on entity state.

state

(string)(Optional)state: image-url, check the example below.

entity

(string)(Optional)Entity to use for state_image.

Options For Entities

If you define entities as objects instead of strings, you can add more customization and configuration:

Configuration Variables

entity

(string)(Required)Home Assistant entity ID.

icon

(string)(Optional)Overwrites default icon.

Examples

- type: picture-glance
  title: Living room
  entities:
    - switch.decorative_lights
    - light.ceiling_lights
    - lock.front_door
    - binary_sensor.movement_backyard
    - binary_sensor.basement_floor_wet
  image: /local/living_room.png

Display a camera image as background:

- type: picture-glance
  title: Living room
  entities:
    - switch.decorative_lights
    - light.ceiling_lights
  camera_image: camera.demo_camera

Use different images based on entity state:

- type: picture-glance
  title: Living room
  entities:
    - switch.decorative_lights
    - light.ceiling_lights
  state_image:
    "on": /local/living_room_on.png
    "off": /local/living_room_off.png
  entity: group.living.room