Trouble getting dimmer bar on light switch

I have a Moes dimmer switch with Tasmota (DigiBlur’s version) on it. I can control the switch as expected from the Tasmota page at the Dimmer’s IP address. I also have it added to HA and can control the on/off within HA. But, I can not figure out how to get a dimmer slider under the switch.

My configuration.yaml

light:
  - platform: mqtt
    name: "Nursery Lights"
    state_topic: "stat/dimmer1/POWER"
    command_topic: "cmnd/dimmer1/POWER"
    availability_topic: "tele/dimmer1/LWT"
    brightness_state_topic: "stat/dimmer1/RESULT"
    brightness_command_topic: "cmnd/dimmer1/Dimmer"
    brightness_scale: 100
    brightness_value_template: "{{ value_json.Dimmer }}"
    qos: 1
    payload_on: "ON"
    payload_off: "OFF"
    payload_available: "Online"
    payload_not_available: "Offline"
    retain: false

My lovelace config

entities:
  - entity: light.nursery_lights
show_header_toggle: false
theme: default
title: Nursery
type: entities

But all I see is a switch.

Untitled

What am I doing wrong?

What happens when you click on the switch in the frontend?

The switch responds to on/off commands from the front-end. I can turn it on and off from Home Assistant.

I have a couple Lutron Caseta dimmers and a slider bar has never appeared on the “states” front end for these either. Are you using lovelace? If so this custom component will accomplish what you are looking for.

1 Like

Thanks! That custom add-on worked!

Glad I could help. Have a look see at the rest of his custom cards. I use several of them and they greatly improved my lovelace setup.