Hadashboard widget not displaying icon if the entity is a device from esphome

Third party integrations HADashboard
1

First off Happy 2021 to everyone!

I run into this issue with HADashboard.

I have the following devices defined in esphome - a sonoff basic, and 2 x tuya convert smart plugs. All devices worked perfectly in esphome and home-assistant.

Now I would like to bring these devices into HADashboard but no matter what i try, I cannot get HADashboard to display an icon for the widget. So the button just become a blank so to speak BUT it is functional - so if I were to touch the button, HADashboard will activate the esphome devices.

This is how i have defined the workshop lights in my garage in HADashboard.

workshop_light:
    widget_type: switch
    entity: switch.sonoff_basic_relay
    title: Workshop
    icon_off: mdi-car
    icon_on: mdi-car

In home assistant, the sonoff basic in esphome has an entity: switch.sonoff_basic_relay so this works perfectly fine in lovelace.

I have tried to use any other ESPHome devices that i have, notably 2 x Tuya convert smart plugs and the outcome is the same - i.e. the button is functional but just no icons.

But if I change the entity to light.garage (which is a Philips Hue smart bulb in the garage), the icon suddenly appear!

Any ideas how I could mitigate this issue?

Thanks in advance.

2

Try putting this in #third-party:hadashboard

3

Thanks Kendell. I added the line and my main.dash looks like this at the top:

##
## Main arguments, all optional
#third-party:hadashboard
##
title: Main Panel
#widget_dimensions: [95, 90]
widget_dimensions: [80, 80]
widget_size: [1, 1]
#widget_margins: [5, 5]
widget_margins: [5, 5]
columns: 12
global_parameters:
    use_comma: 0
    precision: 2
    use_hass_icon: 1
    namespace: default
    devices:
      media_player:
        step: 5

Still no luck with the icons :frowning:

4

No I mean that this post instead of being uncategorized, you should edit it, and set the category to HADashboard.

5

ahhhhhh!!! How stupid I am!

I have now change the category to this question.

6

What happens if you add an icon field?

7

I have many other buttons which have no issues with icons. One of these buttons is defined as follows:

garage_light:
    widget_type: switch
    widget_style: "font-size: 150%; background: black;"
    entity: light.garage
    title: Garage   
    title_style: "color: white; font-size: 70%;"
    icon_off: mdi-car
    icon_on: mdi-car
    icon_style_inactive: "top: 30px; color: gray; font-size: 200%"
    icon_style_active: "top: 30px; color: yellow; font-size: 200%"
    on_attributes:
        brightness: 100
        color_temp: 250

So if I adapt the above code to using the esphome devices, i will get no icons.