Picture Elements Card Configuration issue

Configuration Frontend
1

Hello guys, Im new to HomeAsistant. So far I was doing well but now i have a problem I can’t solve it so I hope someone can help me with this
I’m trying to setup Picture Element Card. I get background picture, i can’t get picture WorkshopON
If I delete “width: #%” then nothing happens, just background picture
If i add “width: 100%” i get waiting icone obove background picture. What m’I missing.

Picture Elements Card Configuration.PNG
Picture Elements Card Configuration.PNG1665×557 82.6 KB

Thanks for the answers.

2

Your states need to be lower case, i.e. “on” and “off”. Also they are not indented correctly. See the examples here: Picture Elements Card - Home Assistant

3

Thank you! I have tryed also with “on” and “off” but the issue is the same. Names of the pictures are correct (upper and lower case letters). Can someone paste existing code so I can just add path for the pictures.
I’m running my HA on my qnap through virtualmachine and my version of HA is 10.3

Picture Elements Card Configuration
Picture Elements Card Configuration1073×533 187 KB

4

Seems you missed “state_image” option. Check docs.

5
6

Because you did not fix your indentation issue.

Also please do not post pictures of text. Post the actual text formatted correctly for the forum. How to help us help you - or How to ask a good question

1 Like
7

Ok thank you for help, this works for me. Now i have to figure it out, how to change entity icon size and color.

type: picture-elements
image: /local/Renders/BasementOFF.png
elements:
  - type: image
    entity: light.workshop
    tap_action: none
    hold_action: none
    style:
      left: 50%
      top: 50%
      width: 100%
    state_image:
      'on': /local/Renders/WorkshopON.png
      'off': /local/Renders/Transparent.png

  - type: state-icon
    entity: light.workshop
    style:
      top: 36%
      left: 52%
    tap_action:
      action: toggle
1 Like