Simple responsive dashboards

Hi,

I exclusively access my dashboards on either mobile or wall-mounted tablets.
I’m struggling to find an easy way of not having to create almost identical dashboard with only difference in the layout, and then having to hide dashboards from different devices etc.

I do nothing fancy, just use the grid card to get everything layouted, and Mushrumm Title Card to segmentation. But if I make it look good on the phone, it will wrap strange on the tablet (and the other way around).

What is the easiest way to create basic responsiveness, without having to create code too much custom solutions? Anyone has a fool proof way of doing this?

1 Like

I don’t think there’s really a great way to do this. In my case, I have a couple dashboards that only work on a large screen but for everything else, I spent a fair bit of time tweaking them so they look good on both.

Yeah, that’s my reading of the situation as well. Would be nice just have a simple way to tell Lovelace how to arrange things on mobile…

Edit: Apparently the sections view can support responsive layouts.


My workaround for this was to use a couple of tabs to represent the different views.

I agree, though - some responsive layout components would be nice.

(I appreciate how hard it is to strike the balance, though. I wouldn’t imagine anyone working on HA wants to spend more time than they have to reinventing responsive grid layouts when they could be building and developing home automations…)