A Home-Approved Dashboard chapter 1: Drag-and-drop, Sections view, and a new grid system design!

[ajoyce (Al)]

Yes, but with lots of custom cards, no? These aren’t standard cards, the picture entity card for example occupies three standard row heights whereas the current one doesn’t align.

The point I was making was that I thought the above represented a vision for the standard cards and layout.

[petro]

@ajoyce

Yes, but with lots of custom cards, no?

No… that’s all built in cards.

Picture entity cards height depend on the input image…

@ajoyce

The point I was making was that I thought the above represented a vision for the standard cards and layout.

That’s the current system, not a ‘vision’ of the future.

[ajoyce (Al)]

I’m really not trying to be irritating or argumentative here but no, you can’t make the same layout as what I was highlighting with the stock cards:

• the styling of the cards (colours etc) is not possible with stock options (the double height tile cards that are filled yellow when the light is on)
• the mushroom chip card showing the temp in the top left is not a HA standard card, and it sits level with the section title, which isn’t possible with the current implementation of sections
• yes, if you set your picture to the exact pixel height of three rows then you can get it to look aligned with tiles in other sections, but changing the size of your window will resize the picture and take it out of alignment. the gif seems to be advertising consistent alignment of picture cards with other entities

[gurumitts (Mitesh Patel)]

Hey all,
Sections is pretty awesome! Amazing work!

I have a question: Is it possible to have a tile card extend the full width of the section without using a grid/vertical-stack? I am running 2024.4.1

Thanks in advance and again loving this new feature!

[ajoyce (Al)]

You can - add this to the code editor in your card:

layout_options:
  grid_columns: 4
  grid_rows: 1

[gurumitts (Mitesh Patel)]

@ajoyce

layout_options:
  grid_columns: 4
  grid_rows: 1

That worked! Thank you very much! Looking forward to having these exposed in the ui configuration but until then this works for me.

[ronschaeffer]

There are several posts about setting a minimum number of columns. While you can’t do that directly, this method worked for me:

Sections: Tablet in portrait mode shows single column of cards

You will just need to do some trial and error to find the values that work for you.

[tjk (Valentin)]

I’m still not sure I understand how this was achieved

I assume it’s a grid of 4 tiles, but I am missing how to remove the titles:

[boheme61]

Hard to tell what you mean/done, judging by “No Code”
PS: Somehow i think you mean “remove name”
which is done by

              hide_state: true
              name: []
              icon_color: orange

[ajoyce (Al)]

It’s a button card, not tile. Remove the name and state and then add:

layout_options:
  grid_columns: 1
  grid_rows: 1

[Greminn (Simon)]

Loving this grid based system. Was hoping for a little bit more control from this months release, but hey can also wait This is our wall tablet dashboard, note camera feed is blanked out of the screenshot top right. Spacing between main grid cards and within grid cards, also being able to choose the columns within a grid. 1, 2, 3 and 4. Would also love it if the main title of a card would go the second line rather than be cut off.

[cstosgale]

I would love this issue to be fixed, it looks like hidden cards are still showing up in sections currently

[PaNiCo]

I really like the theme your using, which theme is this?
Also would love to see your complete dashboard, the different sizes buttons look very nice!

[gxc7719]

One thing I would like to see is to be able to force the number of columns displayed. I have a 3 column dashboard running on a tablet, but using sections it shows 2 columns and puts the rightmost column at the bottom of the first column. Is there a way to set the width of a section?

[boheme61]

set max column width lower

[fversteegen (Frank)]

Even weeks after this release I still do not understand on how to use the grid layout. If I create a new dashboard these are the options I see. The current view type grid is coming from the layout card I have installed and not the new one, or am I doing something wrong?

[sparkydave (🇦🇺 Dave)]

You need to select this one:

[oskar5510]

Do you have any idea how to not show blank space for conditional card when conditions are not fulfilled?

[PhilippeP]

It should work with the latest ha version : condition is tv is on

If it’s off

[gery2123]

Hi!

Is this default HA card? How can I get this? Thank you!