Two column full screen view on iPad

I have a lovelace dashboard in two columns that fits perfectly on an older iPad 9 screen (2160x1620). When I load the same dashboard on an iPad Pro 11" (2388x1668) or an iPad Pro 12.9" ( 2732x2048) there are black bars at the sides.

Is there a way I can make my two columns auto-zoom and adjust to the screen resolution?

Thanks.

Try use grid layout in the view and change the view to panel card?

If I choose Grid Layout Card it works (the cards fill the Home Screen, but it turns my two columns into one…

Thanks for helping

That’s the only way i can think of spreading the view across the screen horizontally, as the page I think renders in ratio to the resolution. This is why your higher-resolution iPad has spaces on the side, just like browsing on high res pc screen :slight_smile:
Maybe some one else knows of a hacs plugin you can use :slight_smile:

Ok I found a working solution thanks to your suggestion: using Grid-Layout Card setting and creating a horizontal stack with two vertical stacks inside. That does the trick, although resizing in a regular browser only resizes vertically the second column not the first one. I have no idea why. Thanks!

1 Like