Hi.
I have created a floor plan dashboard and managed to get all of the lights working via switches within the floorplan.
My issue is this. If I press anywhere other than on one of the icons I have created, it brings up a huge switch in the middle of the screen for one of the lamps. It is the last switch in the code so not sure if that helps deduce the issue.
Also, the light for the lounge not only reacts slowly on the floorplan image but there is a huge delay in it actually turning on/off
Here is the code and you will see the lamp in question is at the bottom of the code
type: picture-elements
image: local/Images/Floorplan/GFNight.png
elements:
- type: image
entity: switch.3g_wifi_switch_wifi_ble_switch_1
style:
left: 50%
top: 50%
width: 100%
state_image:
'on': local/Images/Floorplan/Kitchenspots.png
'off': local/Images/Floorplan/Hometransparent.png
- type: image
entity: switch.3g_wifi_switch_wifi_ble_switch_2
style:
left: 50%
top: 50%
width: 100%
state_image:
'on': local/Images/Floorplan/Dining.png
'off': local/Images/Floorplan/Hometransparent.png
- type: image
entity: switch.3g_wifi_switch_wifi_ble_switch_3
style:
left: 50%
top: 50%
width: 100%
state_image:
'on': local/Images/Floorplan/Kitchen1.png
'off': local/Images/Floorplan/Hometransparent.png
- type: image
entity: switch.cabinet_lights_switch_1
style:
left: 50%
top: 50%
width: 100%
state_image:
'on': local/Images/Floorplan/Cabinet.png
'off': local/Images/Floorplan/Hometransparent.png
- type: image
entity: light.utility
style:
left: 50%
top: 50%
width: 100%
state_image:
'on': local/Images/Floorplan/Utility.png
'off': local/Images/Floorplan/Hometransparent.png
- type: image
entity: light.lounge
style:
left: 50%
top: 50%
width: 100%
state_image:
'on': local/Images/Floorplan/Lounge.png
'off': local/Images/Floorplan/Hometransparent.png
- type: image
entity: switch.hall_switch_1
style:
left: 50%
top: 50%
width: 100%
state_image:
'on': local/Images/Floorplan/Hall.png
'off': local/Images/Floorplan/Hometransparent.png
- type: image
entity: switch.downstairs_toilet
style:
left: 50%
top: 50%
width: 100%
state_image:
'on': local/Images/Floorplan/WC.png
'off': local/Images/Floorplan/Hometransparent.png
- type: image
entity: light.lamp
style:
left: 50%
top: 50%
width: 0%
state_image:
'on': local/Images/Floorplan/Loungelamp.png
'off': local/Images/Floorplan/Hometransparent.png
- type: image
entity: light.small_lamp
style:
left: 50%
top: 50%
width: 100%
state_image:
'on': local/Images/Floorplan/Roundlamp.png
'off': local/Images/Floorplan/Hometransparent.png
Thanks