Could it be linked to this ?
D
Try with a default theme firstā¦
1 Like
Hey wierd question but what type of infrared cam are you using for the night vison?
Just a mix of a couple relatively high quality 1080p danish ones (SafeHome), and the rest are $30 not-so-high quality 720p ones from China. All have been working just fine for 3 years though.
Have a few ESP32 cameras too, that I think I paid around $5 a piece for. They are without night vision, ofc 
Thank you that helped me a lot )
Sorry, new users can only put one embedded media item in a postā¦
@shadowdavis
Your floor plan looks impressive and beautifully designed. May I ask you to share your element configuration so that I can reuse some parts?
1 Like
Thanks, but the reply post exceeds the word count, and cannot be sent in .zip format, you can leave your mail, and I can send you my configuration img and yaml,
Thanks to fahr/Aaron and others in this community Iām cranking out a 3D floorplan Iām excited about sharing here. Iāve searched ad nauseam and am still confused about how to add a cover to a picture-elements card. The covers are Lutron shades, Chamberlain garage doors, etc.
It seems (again, Iām confused) that cover templates are for combining switches into covers. I think I need the opposite, treating a cover like a switch, since the picture-elements card chokes on covers.
Thanks to anyone who can save me from additional hours trying to figure this out!
1 Like
Hi all.
How to hide the mouse click black overlay? I have set this up as a tap action. All my tap action are showing this.
- type: image
tap_action:
action: toggle
service: switch.turn_on
service_data:
entity_id: switch.ceiling_fan_summer
entity: switch.ceiling_fan_summer
state_image:
"off": /local/lovelace/floorplan/img/ceiling-fan-off.svg
"on": /local/lovelace/floorplan/img/ceiling-fan-on.gif
style:
bottom: 22%
right: 29%
width: 8.5%
Use card-mod, find a proper elementās name and set a transparent background.
Hey there. Could you show me what to add? I think I know where I need to add them, but I donāt know what to add. Tried a few, but didnāt work or it just looked out of whack.
- type: picture-elements
image: /local/lovelace/floorplan/floorplan.svg
aspect_ratio: 61%
style: |
ha-card {
font-size: 20px;
position: absolute;
bottom: 0;
width: 100%;
height: 2.5rem;
--img-icon-overlay: <something here to fix the black overlay>
}
.
.
.
.
- type: image
tap_action:
action: toggle
service: switch.turn_on
service_data:
entity_id: switch.ceiling_fan_summer
entity: switch.ceiling_fan_summer
state_image:
"off": /local/lovelace/floorplan/img/ceiling-fan-off.svg
"on": /local/lovelace/floorplan/img/ceiling-fan-on.gif
style:
bottom: 22%
right: 29%
width: 8.5%
color: white
<some proper name>: var(--img-icon-overlay)
This used to work, but now that I tried my card that had this mod I still got the click circle.
Perhaps it works for you?
style: |
ha-card {
box-shadow: none;
}
No, it didnāt work for me either.
Use Code Inspector, find some element with a name like ārippleā and apply a transparent background.
@Sian
how did you make color circle background for icon? Iāve used available icons, but there is no circle background.
its just a css background, give it a border radius of 50%