UI is not updating and OFF button doesn't working

[pterhu]

Hello!

I'm using a Sonoff iFan02 with the latest tasmota firmware. This fan is included into HA as mqtt fan entity. The default lovelace fan card (with speed slider and on/off) is working as expected: it controls the fan and also updated if the fan state is changing. I'm trying to use this fan-percent-button-row, but it doesn't work properly:

• low/med/high buttons are controlling the fan speed correctly, but the UI element is not refreshing, OFF button is highlighted all the time
• OFF button (which is highlighted) is not turns off the fan

Here are my configs:

HA mqtt fan config:

• unique_id: bedroom_1_fan object_id: bedroom_1_fan name: "Háló ventilátor" availability_topic: tele/bedroom_1_fan/LWT payload_available: "Online" payload_not_available: "Offline" command_topic: "cmnd/bedroom_1_fan/FanSpeed" state_topic: "stat/bedroom_1_fan/RESULT" state_value_template: > {% if value_json.FanSpeed is defined %} {% if value_json.FanSpeed == 0 -%}0{%- elif value_json.FanSpeed > 0 -%}4{%- endif %} {% else %} {% if states.fan.bedroom_1_fan.state == 'off' -%}0{%- elif states.fan.bedroom_1_fan.state == 'on' -%}4{%- endif %} {% endif %} percentage_command_template: > {% if 0 < value <= 33 %} 1 {% elif 33 < value <= 66 %} 2 {% elif 66 < value <= 100 %} 3 {% else %} 0 {% endif %} percentage_command_topic: "cmnd/bedroom_1_fan/FanSpeed" percentage_state_topic: "stat/bedroom_1_fan/RESULT" percentage_value_template: > {% if value_json.FanSpeed == 1 %} 33 {% elif value_json.FanSpeed == 2 %} 66 {% elif value_json.FanSpeed == 3 %} 100 {% else %} 0 {% endif %}

custom card: entity: fan.bedroom_1_fan type: custom:fan-percent-button-row name: Ventilátor customTheme: false reverseButtons: true

entity state with attributes:

Does anyone have any ideas? Thank you in advance!

[pterhu]

Aaah! The following was missing from mqtt fan config:

payload_on: "4" payload_off: "0"

Now HA knows the state of the fan entity and also fixed the other issues.