Maximum number of columns in view

Configuration
1

Hi there,

I have some trouble finding out how my views are rendered. What defines how many columns I get?

If I use Google Chrome I get maximal 3 columns per view, regardless of the window width:

1228Ă—842 65.1 KB

Looks the same if I expand my window:

2981Ă—889 83.1 KB

If I collapse the left navigation menu I get 4 columns:

3275Ă—750 65.6 KB

Is there any way to get more than 4 columns?
I found some guy whos screenshot shows more than 4 columns:

1550Ă—880 186 KB

How did he get this working?

Cheers
Lucky

2

This is still one of the many mysteries of the UI for me as well.
I also get only a maximum of four - maybe a css setting?

3

That 5 column view is mine :smile:
It’s from an “old” version, like 0.30 or so. Maybe after that something changed on frontend code, as for now I don’t get more than 4 columns regardless screen size.

4

<600px screen gets 1 column, <900px 2 columns, <1200px 3 columns, >1200px 4 columns.
Open sidebar reduces the number of columns by 1.

1 Like
5

I wonder why this is limited to 4 columns when there is space for more…
Especially on large displays the space is wasted this way.

Thx danichispa, this is a good explanation why i saw this on your screenshot :wink:

6

I just created a feature request for unlimited columns depending on the screen width:

7

How to do 4 columns in 2024? GitHub - thomasloven/lovelace-layout-card: 🔹 Get more control over the placement of lovelace cards. default is different for expanded a closed sidebar.