Sorry in advance if I’ve asked this wrong or included stuff I shouldn’t. I’m a bit confused by all of this, but I’m trying
I have been trying to fix this for way too long… I’m a new user and learning as I go. I’ve read, watched and used AI to try and find a fix, but just find myself going deeper into the rabbit hole
Every thing seems to work, as in will show the state etc on my floorplan, however the only entity (room) I’m able to operate from the floor plan is Dans Light (room)… I tried to adjust the position for each entity/room, but that makes the associated images not aligned…
views:
- type: panel
title: Floor Plan
path: floor-plan
icon: m3o:home-and-garden
cards:
- type: picture-elements
image: /local/fpbase.svg
dark_mode_image: /local/fpbase.png
elements:
- type: conditional
conditions:
- condition: state
entity: binary_sensor.morning_picture_mode
state: 'on'
elements:
- type: image
image: /local/fplights/morning.png
style:
width: 100%
title: Morning Mode
- type: conditional
conditions:
- condition: state
entity: binary_sensor.afternoon_picture_mode
state: 'on'
elements:
- type: image
image: /local/fplights/noon.png
style:
width: 100%
title: Afternoon Mode
- type: conditional
conditions:
- condition: state
entity: binary_sensor.night_picture_mode
state: 'on'
elements:
- type: image
image: /local/fplights/evening.png
style:
width: 100%
title: Night Mode
- type: conditional
conditions:
- condition: state
entity: light.dans_light
state: 'on'
elements:
- type: image
entity: light.dans_light
image: /local/fplights/dan.png
style:
left: 50%
top: 50%
width: 100%
tap_action:
action: toggle
title: Dan
- type: image
entity: light.dans_light
image: /local/fplights/blank.png
style:
left: 75%
top: 50%
width: 100%
tap_action:
action: toggle
- type: conditional
conditions:
- condition: state
entity: light.laundry
state: 'on'
elements:
- type: image
entity: light.laundry
image: /local/fplights/laundry.png
style:
left: 0%
top: 0%
width: 100%
tap_action:
action: toggle
title: Laundry
- type: conditional
conditions:
- condition: state
entity: light.garage
state: 'on'
elements:
- type: image
entity: light.garage
image: /local/fplights/garage.png
style:
left: 60%
top: 90%
width: 100%
tap_action:
action: toggle
title: Garage
- type: conditional
conditions:
- condition: state
entity: light.coco
state: 'on'
elements:
- type: image
entity: light.coco
image: /local/fplights/coco.png
style:
left: 50%
top: 70%
width: 100%
tap_action:
action: toggle
title: CoCo
- type: conditional
conditions:
- condition: state
entity: light.elliss_room_light
state: 'on'
elements:
- type: image
entity: light.elliss_room_light
image: /local/fplights/ellis.png
style:
left: 55%
top: 30%
width: 100%
tap_action:
action: toggle
title: Ellis
- type: conditional
conditions:
- condition: state
entity: light.ensuite
state: 'on'
elements:
- type: image
entity: light.ensuite
image: /local/fplights/ensuite.png
style:
left: 70%
top: 45%
width: 100%
tap_action:
action: toggle
title: Ensuite
- type: conditional
conditions:
- condition: state
entity: light.lounge
state: 'on'
elements:
- type: image
entity: light.lounge
image: /local/fplights/lounge.png
style:
left: 50%
top: 30%
width: 100%
tap_action:
action: toggle
title: Lounge
- type: conditional
conditions:
- condition: state
entity: light.light_front_door
state: 'on'
elements: null
title: Entrance
- type: conditional
conditions:
- condition: state
entity: light.manaia
state: 'on'
elements:
- type: image
entity: light.manaia
image: /local/fplights/manaia.png
style:
left: 50%
top: 50%
width: 100%
tap_action:
action: toggle
title: 'Manaia '
- type: conditional
conditions:
- condition: state
entity: light.darcy
state: 'on'
elements:
- type: image
entity: light.darcy
image: /local/fplights/darcy.png
style:
left: 50%
top: 50%
width: 100%
tap_action:
action: toggle
title: Darcy
- type: conditional
conditions:
- condition: state
entity: light.bathroom
state: 'on'
elements:
- type: image
entity: light.bathroom
image: /local/fplights/bathroom.png
style:
left: 50%
top: 50%
width: 100%
tap_action:
action: toggle
title: Bathroom
- type: conditional
conditions:
- condition: state
entity: light.office
state: 'on'
elements:
- type: image
entity: light.office
image: /local/fplights/office.png
style:
left: 50%
top: 50%
width: 100%
tap_action:
action: toggle
title: Office
- type: conditional
conditions:
- condition: state
entity: light.hallway
state: 'on'
elements:
- type: image
entity: light.hallway
image: /local/fplights/hallway.png
style:
left: 50%
top: 50%
width: 100%
tap_action:
action: toggle
title: Hallway
theme: synthwave