New configuration creates ghost widgets

Third party integrations HADashboard
1

I’m back to working on my dashboard after spending some time getting the automation set up in appdaemon. After adding a new line of widgets to report humidity, I get some weird widgets that are not fully rendered (or so it looks to me).

dashboard
dashboard1343×663 888 KB

Here is my top level dashboard file:

title: Kitchen
widget_dimensions: [128, 128]
widget_margins: [5, 5]
rows: 8
columns: 10
global_parameters:
  use_comma: 0
  precision: 1
  use_hass_icon: 1

clock:
  widget_type: clock

weather:
  widget_type: weather
  units: "°F"

marc_presence:
  widget_type: device_tracker
  title: Marc
  entity: device_tracker.marcsgalaxys8
  state_text: 1

pat_presence:
  widget_type: device_tracker
  title: Pat
  entity: device_tracker.samsungsmg935v
  state_text: 1

noah_presence:
  widget_type: device_tracker
  title: Noah
  entity: device_tracker.noahsiphone
  state_text: 1

wind:
  widget_type: sensor
  title: Wind
  precision: 0
  entity: sensor.dark_sky_wind_speed
  sub_entity: sensor.dark_sky_wind_bearing

humidity:
  widget_type: gauge
  title: Humidity
  min: 0
  max: 100
  units: "%"
  entity: sensor.downstairs_humidity

nav_master:
  widget_type: navigate
  dashboard: master
  title: Master Bedroom

nav_weather:
  widget_type: navigate
  dashboard: weather
  title: Weather

alarm_mode:
  widget_type: alarm
  title: Alarm Mode
  title2: 2nd line
  entity: alarm_control_panel.home_alarm

climate:
  widget_type: climate
  title: upstairs
  entity: climate.upstairs

t:
  widget_type: temperature
  entity: sensor.fpl_sonoff_temp

layout:
  - marc_presence, pat_presence, noah_presence, clock(2x1), weather(2x2), wind, climate, alarm_mode
  - light.living_room_ceiling_fan_light, light.master_bedroom_ceiling_fan_light, light.marcs_nightstand_light, light.pats_nightstand_light, t
  - include: temperature
  - include: humidity
  - include: kitchen_navpanel

Here is the temperature.yaml file:

upstairs:
  widget_type: gauge
  title: Upstairs Temperature
  min: 20
  max: 130
  units: '°F'
  entity: sensor.upstairs_temperature

master:
  widget_type: gauge
  title: Master Bedroom Temperature
  min: 20
  max: 130
  units: '°F'
  entity: sensor.master_bedroom_remote_temperature

noah:
  widget_type: gauge
  title: Noah's Bedroom Temperature
  min: 20
  max: 130
  units: '°F'
  entity: sensor.noahs_bedroom_remote_temperature

downstairs:
  widget_type: gauge
  title: Downstairs Temperature
  min: 20
  max: 130
  units: '°F'
  entity: sensor.downstairs_temperature

outside:
  widget_type: gauge
  title: Outside Temperature
  min: 20
  max: 130
  units: '°F'
  entity: sensor.dark_sky_temperature

garage:
  widget_type: gauge
  title: Garage Temperature
  min: 20
  max: 130
  units: '°F'
  entity: sensor.garage_temperature

attic:
  widget_type: gauge
  title: Attic Temperature
  min: 20
  max: 130
  units: '°F'
  entity: sensor.attic_temperature

layout:
  - downstairs, upstairs, master, noah, outside, garage, attic

and here is the humidity.yaml file:

upstairs:
  widget_type: gauge
  title: Upstairs Humidity
  min: 0
  max: 100
  units: "%"
  entity: sensor.upstairs_humidity

downstairs:
  widget_type: gauge
  title: Downstairs Humidity
  min: 0
  max: 100
  units: "%"
  entity: sensor.downstairs_humidity

outside:
  widget_type: gauge
  title: Outside Humidity
  min: 0
  max: 100
  units: "%"
  entity: sensor.dark_sky_humidity

garage:
  widget_type: gauge
  title: Garage Humidity
  min: 0
  max: 100
  units: "%"
  entity: sensor.garage_humidity

attic:
  widget_type: gauge
  title: Attic Humidity
  min: 0
  max: 100
  units: "%"
  entity: sensor.attic_humidity

layout:
  - upstairs, downstairs, outside, garage, attic

I have found that if I swap the temperature and humidity lines in the kitchen.dash (top level) file, it’s always the lower row that gets messed up. Based on this, I’ve been trying to see if I have constrained the number of widgets somehow but I don’t see how. I did add the rows:8 option even though I know I don’t need it but that made no difference.
Is this something I’m doing wrong? I’m running 3.0.1 which seems to be the latest version.
Thanks in advance for any help.

2

in chrome you can check on which part the error is by pushing CTRL + SHIFT + I
but checking back again i see your problem.

you combine several yaml files that then go to 1 file.
in humidity and in temperature you use the same names for the widgets
and that is causing trouble.
every widget that goes into the layout part needs its own individual name.
upstairs for humidity and upstairs for temperature is causing unreadable yaml.

so change your temperature.yaml and use names like temp_upstairs and you should be good to go.

3

Yep, that was it. I didn’t stop to think about what was happening with the include operation but it makes sense. Thanks a lot Rene.

1 Like