After spending way too much time building a floorplan dashboard, I think I have something that I’m reasonably happy with. But have run into a problem that I can’t figure out.
My floorplan looks like this, using a picture-element image:
I’ve been able to add various icons for the switches and lights, so that’s fine. My next useless task is to have rooms light up when a switch is on. I’m using this code:
The ArgyleHouse-dining2.png file is an exact copy of my picture-element background, with everything except the dining room cropped to transparent (can’t include it here, since it’s my first post).
The brightness works fine when the switch is toggled, so no problem there.
However, Lovelace insists on placing that cropped image in the extreme lower left of my background, almost as if I had something like top=90 and left=5. No matter what different values I put in for top and left, it doesn’t move.
I’ve tried using different images, including an image just of the dining room without the transparent part. I’ve cleared the cache in the browser and restarted HA several times. Hass.io is using current version.
Any ideas on other things I can try? It seems that it should just work, based on others’ experiences, but I’m stuck.
PS: This is my first post, so hope the inline images and code comes out OK.
and when you clear your cache, you reload the page as well? CTRL+F5 is the fastest/easiest way. What does the F12 dev tools in chrome show for the element as well?
Yes, I’ve pretty much worn out the Ctrl-F5 keys doing reloads.
I’m by no means a CSS whiz. Where in Inspect should I be looking for clues? This is a screen shot of what I see in Chrome. The misplaced room can’t be seen here, because of the Inspect pane sizing (it’s hidden behind the Weather Card), but the blue outline is what shows when I put the inspect pointer on the offending image.
Hello all. Started to experience some strange behaviour.
At the beginning none of my backgrounds would load and it showed broken. Cleared the cache and same thing, but when I turn a room light on it would show.