Hi there..I am struggling all the day, to make my page look like i would like to have it. I have 4 columns. Each of width 3. Nicely fits the screen, But the first column is way higher then other, and i want to place the 5th coming group right beside group1 and beneath groups 2,3,4, but i cant get i…

I believe what you are after is a "masonry" layout. According to the documentation We do not have a smart masonry layout The height of a given "row" of widgets is determined by the tallest widget in that row. I think your best bet is to combine "Shutters", "Blinds", "Entrys" and "Grouped Acti…

CSS support for masonry grid is still in experimental state. But it's coming sooner or later. I hope the dashboard will then take it as an option. Currently the best you can do is to not have different heights for cards in one row. And that is valid only if you target your build for single screen si…

Just to confirm @jbudd has nailed the answer here. masonry layouts are the solution, which we don't support at the moment.

Wouldn't help most of us even if it was supported Chrome and Edge don’t support this feature yet. In Safari Technology Preview, masonry layouts are enabled by default, so you can check them out without any extra steps. In Firefox, you’ll need to enable a flag (an experimental feature). Type about:…

[image] joepavitt: masonry layouts It is possible to do using a JavaScript library of course. Masonry Cascading grid layout library

Node-RED

Node-RED Forum

Dashboard 2 assimetric layout, is it possible?

Dashboard

hotNipi 28 October 2024 20:47 8

With which the management will break the creativity into million beautiful shiny pieces on the floor.

1 Like

Topic		Replies	Views
Overlapping dashboard groups Dashboard	6	190	28 February 2024
Dashboard 2 layout issues Dashboard dashboard-2	19	254	3 October 2025
A bit different dashboard layout Dashboard node-red-dashboard , layout	6	510	10 January 2023
Dashboard 2 layout grid Dashboard dashboard-2	4	195	23 January 2025
How do I stop dashboard areas overlapping? Dashboard node-red-dashboard	5	260	15 March 2023

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Dashboard 2 assimetric layout, is it possible?

Related topics