Picture Elements No Longer Showing State Images?

Configuration Frontend
1

This used to work, however in a brand new installation state images no longer seem to show up?

type: picture-elements
image: /local/images/BetterCraigsRoad_WallsOnly2Floors3.png
elements:
  - type: image
    entity: light.sitting_room
    image: /local/images/Transparent.png
    style:
      top: 51%
      left: 50%
      width: 100%
      height: 100%
    state-image:
      'On': /local/images/SittingRoom_On.png
      'Off': /local/images/Transparent.png
  - type: state-label
    entity: light.sitting_room
    style:
      top: 51%
      left: 59%
      color: white

I can see the State label working to show the entity is correct, but the image does not update.

Anyone any ideas?

image
image1546Ă—805 152 KB

2

Image paths are all correct, if i replace the image with the state image image it works,

Its as if its just not picking up states?

3

Add “width: 100%” under top and left

4

I already have width: 100%… for the image

5

I ment on the state label :slight_smile:
I seem to remember that there was a bug reported a few weeks back?

Worth a try?

6

Yeah I tried, thanks

But even without the state label altogether it still doesn’t work.

It seems like the picture elements card is totally broken

7

Does the picture elements card work for anyone else in the latest release?

8

:thinking:
On → on
Off → off

    'on': /local/images/SittingRoom_On.png
    'off': /local/images/Transparent.png
9

Thanks, but tried that too, every possible combination…

image
image1596Ă—1081 159 KB

That was why i put the state label there, you can see its On

10

And just to prove the image used in the state image exists and is correct

image
image1602Ă—976 158 KB

Its just nothing works in state image at all

13

2h

Try “state_image” instead of “state-image”

:slight_smile:

How the hell did we not see that :slight_smile: :slight_smile:

1 Like
14

No idea how i didn’t spot that either