hi,
after following guides , i have my 3d floorplan working, but action toogle dont working, and
looking fron some help.
my config:
- badges: null
title: floorplan
icon: 'mdi:floor-plan'
id: casa
panel: true
cards:
- type: picture-elements
image: /local/floorplan/piso_on.svg
elements:
- type: image
entity: switch.despachozigbee_switch_left
tap_action: none
hold_action: none
state_image:
'on': /local/floorplan/despacho_on.svg
'off': /local/floorplan/despacho_off.svg
style:
top: 50%
left: 50%
width: 100%
- type: image
entity: switch.comedorzigbee_switch_left
tap_action: none
hold_action: none
state_image:
'on': /local/floorplan/sofa_on.svg
'off': /local/floorplan/sofa_off.svg
style:
top: 50%
left: 50%
width: 100%
- type: state-icon
entity: switch.comedorzigbee_switch_right
title: mesa
tap_action:
action: toggle
style:
top: 68%
left: 40.5%
- type: image
entity: switch.pasillozigbee_switch_left
tap_action: none
hold_action: none
state_image:
'on': /local/floorplan/pasillo_on.svg
'off': /local/floorplan/pasillo_off.svg
style:
top: 50%
left: 49.8%
width: 100%
- type: image
entity: switch.lavabozigbee_switch_left
tap_action: none
hold_action: none
state_image:
'on': /local/floorplan/lavabo_on.svg
'off': /local/floorplan/lavabo_off.svg
style:
top: 50%
left: 49.8%
width: 100%
- type: image
entity: switch.habitacionzigbee_switch_left
tap_action: none
hold_action: none
state_image:
'on': /local/floorplan/habitacion_on.svg
'off': /local/floorplan/habitacion_off.svg
style:
top: 50%
left: 49.8%
width: 100%
- type: image
entity: switch.visitazigbee_switch_left
tap_action: none
hold_action: none
state_image:
'on': /local/floorplan/visita_on.svg
'off': /local/floorplan/visita_off.svg
style:
top: 50%
left: 49.8%
width: 100%
- type: image
entity: switch.cocinazigbee_switch_left
tap_action: none
hold_action: none
state_image:
'on': /local/floorplan/cocina_on.svg
'off': /local/floorplan/cocina_off.svg
style:
top: 50%
left: 49.8%
width: 100%
- type: state-label
entity: sensor.temp_despacho_temperature
style:
top: 68%
left: 20%
color: '#000'
border-radius: 50%
text-align: center
background-color: 'rgba(255, 255, 255, 0.3)'
font-size: 11px
font-weight: bold
- type: state-label
entity: sensor.temp_comedor_temperature
style:
top: 68%
left: 49%
color: '#000'
border-radius: 50%
text-align: center
background-color: 'rgba(255, 255, 255, 0.3)'
font-size: 11px
font-weight: bold
- type: state-label
entity: sensor.temp_cocina_temperature
style:
top: 68%
left: 55%
color: '#000'
border-radius: 50%
text-align: center
background-color: 'rgba(255, 255, 255, 0.3)'
font-size: 11px
font-weight: bold
- type: state-label
entity: sensor.temp_visita_temperature
style:
top: 68%
left: 70%
color: '#000'
border-radius: 50%
text-align: center
background-color: 'rgba(255, 255, 255, 0.3)'
font-size: 11px
font-weight: bold
- type: state-label
entity: sensor.temp_habitacion_temperature
style:
top: 68%
left: 80%
color: '#000'
border-radius: 50%
text-align: center
background-color: 'rgba(255, 255, 255, 0.3)'
font-size: 11px
font-weight: bold
- type: state-icon
entity: binary_sensor.pirdespacho_occupancy
icon: 'mdi:run'
style:
top: 60%
left: 20%
'--iron-icon-stroke-color': '#969696'
border-radius: 50%
text-align: center
background-color: 'rgba(255, 255, 255, 0.3)'
- type: state-icon
entity: binary_sensor.pir_cocina_occupancy
icon: 'mdi:run'
style:
top: 60%
left: 55%
'--iron-icon-stroke-color': '#969696'
border-radius: 50%
text-align: center
background-color: 'rgba(255, 255, 255, 0.3)'
- type: state-icon
entity: binary_sensor.pirpasillo_occupancy
icon: 'mdi:run'
style:
top: 48%
left: 55%
'--iron-icon-stroke-color': '#969696'
border-radius: 50%
text-align: center
background-color: 'rgba(255, 255, 255, 0.3)'
- type: state-icon
entity: binary_sensor.pir_espejo_occupancy
icon: 'mdi:run'
style:
top: 38%
left: 67%
'--iron-icon-stroke-color': '#969696'
border-radius: 50%
text-align: center
background-color: 'rgba(255, 255, 255, 0.3)'
- type: state-icon
entity: binary_sensor.contacto_puerta_contact
icon: 'mdi:login'
style:
top: 40%
left: 52%
'--paper-item-icon-color': red
'--paper-item-icon-active-color': green
- type: state-icon
entity: binary_sensor.contacto_despacho_contact
icon: 'mdi:window-closed'
style:
top: 74%
left: 17%
'--paper-item-icon-color': red
'--paper-item-icon-active-color': green
- type: state-icon
entity: binary_sensor.contacto_ventana_comedor_contact
icon: 'mdi:window-closed'
style:
top: 74%
left: 40%
'--paper-item-icon-color': red
'--paper-item-icon-active-color': green
- type: state-icon
entity: binary_sensor.contacto_visita_contact
icon: 'mdi:window-closed'
style:
top: 74%
left: 69%
'--paper-item-icon-color': red
'--paper-item-icon-active-color': green
- type: state-icon
entity: binary_sensor.contacto_matrimonio_contact
icon: 'mdi:window-closed'
style:
top: 74%
left: 81%
'--paper-item-icon-color': red
'--paper-item-icon-active-color': green
- type: state-icon
entity: binary_sensor.0x00158d00031e2ecb_contact
icon: 'mdi:weather-windy'
style:
top: 60%
left: 50%
'--paper-item-icon-color': red
'--paper-item-icon-active-color': green
- type: state-icon
entity: binary_sensor.lavadora_amperios
icon: 'mdi:washing-machine'
style:
top: 70%
left: 62%
'--paper-item-icon-color': red
'--paper-item-icon-active-color': green
