Picture Card


A very simple card that allows you to set an image to use for navigation to various paths in your interface or to call a service.

Screenshot of the picture card Screenshot of the picture card.

Configuration Variables

type

(string)(Required)picture

image

(string)(Required)The URL of an image.

tap_action

(object)(Optional)Action to take on tap

action

(string)(Required)Action to perform (call-service, navigate, none)

Default value: none

navigation_path

(string)(Optional)Path to navigate to (e.g. /lovelace/0/) when action defined as navigate

Default value: none

service

(string)(Optional)Service to call (e.g. media_player.media_play_pause) when action defined as call-service

Default value: none

service_data

(string)(Optional)Service data to include (e.g. entity_id: media_player.bedroom) when action defined as call-service

Default value: none

hold_action

(object)(Optional)Action to take on tap-and-hold

action

(string)(Required)Action to perform (call-service, navigate, none)

Default value: none

navigation_path

(string)(Optional)Path to navigate to (e.g. /lovelace/0/) when action defined as navigate

Default value: none

service

(string)(Optional)Service to call (e.g. media_player.media_play_pause) when action defined as call-service

Default value: none

service_data

(string)(Optional)Service data to include (e.g. entity_id: media_player.bedroom) when action defined as call-service

Default value: none

Examples

Navigate to another view:

type: picture
image: /local/home.jpg
tap_action:
  action: navigate
  navigation_path: /lovelace/home

Check the views setup on how to setup custom IDs.

Toggle entity using a service:

type: picture
image: /local/light.png
service: light.toggle
service_data:
  entity_id: light.ceiling_lights