We can create great interactive floorplans to allow the family use Home Assistant in a very easy and intuitive way.
It’s so hard to setup though. I have to write 918 lines of code in the picture elements card to put all the entities in position.
This, pleaseee add drag and drop when in edit in the picture elements card. I love my blueprint view, but such a pain to move every entity with the top\left position %'s
1 Like
I remember now that, by default, icons don’t have an outline or shadow to make enough contrast with the background picture. I’m using card_mod for that.
card_mod:
style:
.: >
ha-card { --background-state-round: radial-gradient(circle, rgba(0,0,0,1)
20%, rgba(0,0,0,0) 65%); --background-state-rect: linear-gradient(0deg,
rgba(0,0,0,0) 20%, rgba(50,50,50,1) 30%, rgba(50,50,50,1) 70%,
rgba(0,0,0,0) 80%); --state-icon-color: rgb(84, 167, 243);
--paper-item-icon-color: rgb(84, 167, 243); --color-label-sensor: white;
--size-label-sensor: 0.8em; --size-label-sensor-big: 1.1em;}
elements:
- type: state-icon
entity: input_number.zoom_floorplan
icon: mdi:magnify-minus-outline
tap_action:
action: call-service
service: input_number.decrement
service_data:
entity_id: input_number.zoom_floorplan
style:
top: 50px
left: 50px
background: var(--background-state-round)