Problem with sections!

Configuration Frontend
1

Any idea why this is happening? It wont span the full width?

Thanks

image

2

Try using a grid or vertical card to display the card you want to span width of a column in a Sections dashboard,

3

Thanks, can you elaborate a bit of what you mean,

I get the general context of what you mean.

4

Section-Dashboard has margins and padding, which differs from the other default HA Dashboards

So you have to use CSS, and/ other ways, i.e as Bob mention and/or Card-Mod

So what you basically need to figure out, is to “remove/break” those Column-Paddings (in the ".container "

08.06.2024_12.22.21_REC
08.06.2024_12.22.21_REC1360Ă—148 6.11 KB

Try “Padding: 0px” And remove “Max-Width”

5

I actually fixed this just by putting the card in a “Horizontal Stack”

Thanks anyway!

1 Like
6

You’re quite welcome, anyway. :upside_down_face:

1 Like
7

Not sure why this is believed to be a solution. If you insert a horizontal-stack card in a Sections layout, it’s not going to be any wider than Sections permits a single column to be.

There seems to be an upper limit on the width of a single column; setting columns to 1 and to 3 produces identically sized columns. The width of columns (on my screen) reduces with 4 or more columns, but there’s still unused space right and left of the page.

I tried “Padding: 0px” (in the yaml section of the dashboard - same place Max Width would go) and it has no effect.

This is a pretty serious limitation for me (and from what I’m reading, others). I use a 3-column layout, and while a regular dashboard vertical layout doesn’t truncate text in cards, the same cards in the Section layout are truncated. For me, this makes the sections layout useless. Hoping the developers are listening to this feedback.