Overview Dashboard Blank

Configuration Frontend
1

My Overview dashboard has been completely wiped out. When I select it, everything is completely blank, including the top menu bar. I can’t even edit the lovelace dashboard code.

Current problems:

  • The custom dashboard based on the default works fine.
  • The dashboard is entirely blank on any mobile device, breaking the app and making everything unselectable.
  • Other users also see a blank dashboard window.

Is there any way to fix this?

2

Is this the same on different systems?
Did you clear the cache of your browser?
Do you have a backup?

3

I am now experiencing this issue after installing some Lovelace elements and trying to create a custom panel. The super strange and frustrating part is that my YAML is still there, and if I simply open it and save it again it properly displays. But as soon as I close the app and reopen it, it’s blank again. My end users can’t get around it in this way for obvious reasons.

After I finished typing the above, I realized that it was something to do with Weather Chart Card, a Lovelace card installed via HACS. Once I removed this from my dashboard it restored functionality.

4

I had the same issue:

  • Overview home page was blank across all devices.
  • Clearing the front-end cache made no difference.
  • Switching to YAML and back again ‘fixed’ the issue until the page was refreshed (or App closed/reopened).
  • Copying all the YAML into a new dashboard view just replicates the problem.

But I’ve fixed it…

My solution was:

  • Back everything up
  • Create a new empty ‘view’ within the same dashboard
  • Copy each front-end card/badge etc. from the ‘broken’ Overview into the new view - one at a time.
  • After each ‘paste’, save the view and refresh.
  • Repeat this process until you identify which card/badge stops the page loading.
  • Delete and re-create the faulty card/badge.

In my case I found one particular badge card was the cause. As soon as it was pasted into my new view - the page was blank when refreshed. Deleting then refreshing allowed the page to load perfectly…

The YAML behind the card had zero errors so I pasted the code (NOT the button) into a shiny new badge card via it’s code editor… and the Overview continued to work correctly.

In other words, there was nothing ‘wrong’ with the badge card code, but under-the-hood there was some hidden corruption to this item.

I suspect the issue is not related specifically to badge-cards - but any card that has been corrupted.

I know it’s been a year since you experienced this issue but I thought others might benefit from my solution.