How can I change the design of a switch?

[sapnho (Wolfgang)]

I have a switch configured and would like to have a standard design for it like for automations with an icon to the left and a toggle on the right. How would I do that?

[tom_l]

Have a read of this:

MQTT Switch

Hello, I discovered HomeAssistant recently. with HA, I build interface to monitor lamp from ESP8266 (truned into ESPduino) via MQTT platform. But, I’m facing a problem with switch that automatically “turn off” after switch to “turn on”. This is my script switch 1: platform: mqtt name: "Lampu 1" state_topic: "/test/confirm" command_topic: "/test/light1" payload_on: "1" payload_off: "0" qos: 0 retain: true after adding optimistic value to the script, the problem solved. But,…

[sapnho (Wolfgang)]

Hi Tom, yes I had seen that thread but found it very unclear.

Right now I have this in configurations.yaml:

# MQTT Switch
switch:
  - platform: mqtt
    name: "Fnatenrahmen"
    #state_topic: "frame/monitor"
    command_topic: "frame/monitor"
    #availability_topic: "frame/monitor/available"
    payload_on: "turn_monitor_on"
    payload_off: "turn_monitor_off"
    state_on: "ON"
    state_off: "OFF"
    optimistic: false
    qos: 0
    retain: true

I am not using availability not state info (yet), that’s why they are commented out. Not really sure what to change…

[tom_l]

You need the state topic for optimistic: false.

[sapnho (Wolfgang)]

You need the state topic for optimistic: false.

That’s what I have but still no change.

[tom_l]

You also need to uncomment the state topic.

[sapnho (Wolfgang)]

Ah, yes. However, when I do that I need to introduce a state feedback as the optimistic variant doesn’t work anymore. Always more to learn…

[tom_l]

Without the state feedback HA has no idea what state to set the toggle switch so it uses the two seperate on / off icons.

[Tinkerer (aka DubhAd on GitHub)]

Yes, set the assumed_state in customize: