Customizing home assistant frontend

[intoku]

I’m pretty early in my Home Assistant journey. I’ve got a number of my devices connected and a few automations running and it’s starting to make sense. The one area I’m quite lost in is customizing the dash view. Currently the system seems to be quite restrictive with custom css etc (which is it’s biggest drawback for me). I’m curious if anyone has ideas on how I might achieve something like the attached mock and still be able to have home assistant as the underlying system?

Thanks in advance.

[nickrout]

I have never seen a frontend quite like that, but I would look at the markdown card https://www.home-assistant.io/lovelace/markdown/

[intoku]

Tapping on a sentence would open a modal (something like this):

[tom_l]

You could do it with this:

Markdown-mod - Improve the built-in markdown card

DEPRECATED All functions of this plugin are now included (and improved) in Home Assistant 0.98 or later Installing this plugin will make all your markdown cards behave differently. You can have them use dynamic content: [mov] Or use ha-icons: [45]

and this:

GitHub - thomasloven/lovelace-popup-card

[intoku]

Thanks Thomas. Before I begin noodling, I have a couple of questions with using your plugins for the solution:

• Is it actually possible to have individual items in the markdown card trigger a popup card on click/tap?
• Is it possible to have a single markdown card fill the entire screen like the mock?

[tom_l]

@intoku

Is it actually possible to have individual items in the markdown card trigger a popup card on click/tap?

You may not even need the pop-up card. I’m not sure wht happens if you click on the template in the markdown card. Maybe ask in the card thread.

@intoku

Is it possible to have a single markdown card fill the entire screen like the mock?

Yes, use panel mode for the view.