WTH can't we force a certain amount of columns?

Month of "What the heck?!"
,
1

Why can’t I force a certain amount of columns in the sections layout?

This would be very useful on a tablet wall dashboard. Now I can only use two columns but I would like to use three.

2

Interesting thought. What would you expect to happen, say, you specify the dashboard to show 5 columns, but the tablet is nowhere big enough to show even 2 columns?

3

Yes. Showing to many columns would mess up the layout.

For my tablet the screen would be big enough to show 3 columns but HA won’t show me more than two. Would be great of I could somehow force a number of columns. Maybe configurable in yaml?

4

Madelena, what can you propose in a bit different case?
1.On a desktop PC, a user wants to see 4 columns.
2.On a tablet - 3.
I.e. defining a maximum number of columns dependently on a mediaquery.

5

Shrink to fit (reduced card/text size)

6

You can play with theme for that (at least its the way I do it).

Using different themes on the PC and the Tablet.
Playing with min and max section width in the theme should allow you to have the number of columns you want (as long as the content fit of course)

The interesting variables for sections in the theme are the following:

  • Max width of a section: ha-view-sections-column-max-width (default: 500px)
  • Min width of a section: ha-view-sections-column-min-width (default: 320px)
  • Horizontal gap between sections: ha-view-sections-column-gap (default: 32px)
  • Vertical gap between sections: ha-view-sections-row-gap (default: 8px)
  • Horizontal gap between cards within a section: ha-section-grid-column-gap (default: 8px)
  • Vertical gap between cards within a section: ha-section-grid-row-gap (default: 8px)
1 Like
7

Thanks for info, I am using a similar way myself for testing - but only for testing.
The point is to not use any fixed-size-variables. This is a grid, it can manage it itself if properly tuned. Hmm, was a bit hasty; probably using this max/min-width is the only way…