Sections not in a Z Grid layout

Configuration Frontend
1

Hello everyone, I’d love to be able to recreate (or find a template somewhere) of this mushroom based dashboard: https://community-assets.home-assistant.io/original/4X/9/4/7/947695cc6988303f25f8b0186dec0b8363c10a67.jpeg

What I don’t understand is how they made sections not follow the ZGrid pattern but rather a Z Mansonry one. Does anyone know how the default arrangement for sections can be changed? Thank you very much!

2

Sorry, why are you adding Z to these layout names?

As for your question - this seems to be a Masonry layout, not Sections.

3

I’m referring to the original blog post made when HA introduced sections: https://www.home-assistant.io/blog/2024/03/04/dashboard-chapter-1/

4

Official names are “Masonry” & “Sections”.
Suggest you not to use others names.

5

drag-and-drop-arrangement-methods-comparison
drag-and-drop-arrangement-methods-comparison1600×818 26.6 KB

I was referring to this apparently official blog post from the authors of the sections where they mention different masonry types.

1 Like
6

Agree, but in Docs these things have special names. And most users now use these names.
A similar situation: imagine that we give beginners a code with obsolete (but still supported) syntax like

service: input_boolean.toggle

instead of

action: input_boolean.toggle

They may not understand since Docs now contain “action” word.