Hi,
I have a problem with Floorplan… i press anywhere in the floorplan home assistant and I always see the same entity and I see a gray circle that covers the entire plan, I don’t know if it is HA configuration or in the creation of the plans.
Hi,
I have a problem with Floorplan… i press anywhere in the floorplan home assistant and I always see the same entity and I see a gray circle that covers the entire plan, I don’t know if it is HA configuration or in the creation of the plans.
How did you create this?
Is it a pure picture-elements card or some custom card?
Unclear, please elaborate.
It is a picture-elements card, every time I position on the gray circle it detects the entity that I have in the bathroom, and I cannot press any other one since it covers the entire image. I have tried everything, but I can’t find the error.
Thank!
type: picture-elements
image: \local\FloorPlan\Acasanoche.png
elements:
- type: image
entity: light.led_cocina
style:
left: 50%
top: 50%
width: 100%
pointer-events: none
state_image:
'on': \local\FloorPlan\Aled1.png
'off': \local\FloorPlan\BotonTransparente.png
tap_action:
action: toggle
- type: state-icon
entity: switch.sonoff_1001f06d98_1
image: \local\FloorPlan\BotonTransparente.png
style:
left: 60%
top: 31%
tap_action:
action: toggle
- type: image
entity: switch.sonoff_1001f06f5b_1
state_image:
'on': \local\FloorPlan\ABaño1.png
'off': \local\FloorPlan\BotonTransparente.png
style:
left: 50%
top: 50%
width: 100%
tap_action:
action: toggle
- type: state-label
entity: sensor.broadlink_salon_temperatura
name: .
style:
top: 42%
left: 33%
card_mod:
style: |
:host {
color: white;
font-size: mediun;
font-family: fantasy;
}
div{
transform: skew(5deg, -30deg);
}
- type: state-label
entity: sensor.solarnet_energia_fotovoltaica
name: .
style:
top: 10%
left: 10%
card_mod:
style: |
:host {
color: black;
font-size: mediun;
font-family: fantasy;
}
div{
transform: skew(deg, -deg);
}
- type: state-label
entity: sensor.solarnet_autoconsumo_relativo
name: .
style:
top: 20%
left: 10%
card_mod:
style: |
:host {
color: black;
font-size: mediun;
font-family: fantasy;
}
div{
transform: skew(deg, -deg);
}