So, I’m just getting into lovelace, and I like it a lot (of course), I took a picture of my living room, place icons around the room, able to turn off/on lights, fans, etc.
Was wondering if I could make a region of the picture clickable, vs an icon? Or keep the icon, but make a map of where will trigger the toggle action.
For example, in my picutre, I have a shelf with strips that is backlit. I’d like to be able to click anywhere in the shelves, and have the light turn on/off. I tried resizing the icon, but it was “square” and of course I needed a rectangle. I’d even be happy with no icon, but just defined area for the shelves. Bonus for the shelves lighting up in the image. It’s two shelves independtly lit, so just changing the card to on/off would not work. I saw something using floorplan that lit rooms, so it’s basically the same concept, excpet my floorplan, is a picture of the room.
Thanks, I’m not a css expert, but trying to learn