hi,
I am trying to replicate (with some customizations) Aaron’s great take on a custom dyson controller card using picture-elements
The issue I am facing is that the elements on the picture element card are not refreshing to indicate the change in state of the entity.
The state change is reflected when i refresh the lovelace UI by refreshing the browser page.
I have recorded the screen to provide an example of the issue.
the thermostat card in the second column and the picture elements card (with the power button and the thermostat card setup as elements) are linked to the same entity.
in the video you can see that when I click on the power button on the picture-element card the independent thermostat card is instantly updated, but not the picture-elements card.
when I refresh the page the elements card is also updated to reflect the ‘on’ state of the dyson fan and the state color on the power button.
Code for my picture-elements card below:
type: 'custom:card-templater'
entities:
- sensor.living_room_hepa_filter_life
- sensor.living_room_carbon_filter_life
card:
type: picture-elements
elements:
- type: 'custom:hui-thermostat-card'
entity: climate.living_room
state_color: true
style:
no_card: true
top: 5%
left: 0%
transform: 'translate( 0%, 0%)'
- type: state-icon
icon: 'mdi:power'
entity: fan.living_room
tap_action:
action: call-service
service: fan.toggle
service_data:
entity_id: fan.living_room
style:
left: 0
right: 0
bottom: 0
border: '1px solid rgba(0, 0, 0, 0.4)'
background-color: 'rgba(0, 0, 0, 0.8)'
'--paper-item-icon-active-color': green
transform: 'translate(0%, 0%)'
- type: state-icon
entity: sensor.living_room_humidity_2
style:
top: 2px
right: 50px
transform: none
background: 'rgba(0, 0, 0, 0)'
'--paper-item-icon-color"': blue
border-radius: 7px
color: black;
- type: state-label
entity: sensor.living_room_humidity_2
style:
top: 2px
right: 2px
transform: none
line-height: 25px
- type: state-icon
entity: sensor.dyson_calc_aqi
style:
top: 25px
right: 50px
transform: none
background: 'rgba(0, 0, 0, 0)'
'--paper-item-icon-color"': blue
border-radius: 7px
color: black;
- type: state-label
entity: sensor.dyson_calc_aqi
style:
top: 25px10
right: 2px
line-height: 25px
transform: none
- type: state-icon
entity: sensor.living_room_carbon_filter_life
style:
top: 50px
right: 50px
transform: none
background: 'rgba(0, 0, 0, 0)'
'--paper-item-icon-color"': blue
border-radius: 7px
color: black;
- type: state-label
entity: sensor.living_room_carbon_filter_life
style:
top: 50px
right: 2px
line-height: 25px
transform: none
- type: state-icon
entity: sensor.living_room_hepa_filter_life
style:
top: 75px
right: 50px
transform: none
background: 'rgba(0, 0, 0, 0)'
'--paper-item-icon-color"': blue
border-radius: 7px
color: black;
- type: state-label
entity: sensor.living_room_hepa_filter_life
style:
top: 75px
right: 2px
height: 25px
transform: none
image: /local/dyson_pure_cool.png