Sometimes the default layout just doesn't do the trick. And we have been agreed with it as there is not much to do with it. Well, I was forced a bit to think again ... There isn't too much but it may open some possibilities to play with it. [{"id":"4e7e0d90ee7aa1ad","type":"ui_template","z":"bf0d…

Sounds interesting, got a screen shot?

Well the point of this is again the layout issue where for different widths on groups (if you have quite of many) will mess layout in the way that some cards will overlap. That is when you'll need to show it on different screen sizes. What this little bit of CSS does - it overrides absolute positio…

Ah, OK. I was curious whether there were some ideas for FlexDash... (Which uses the native grid.) I've been pondering about alternatives to grid layout...

One thing is for sure - there isn't any universal layout system to just plug in. It always takes at least some tweaks. You can be happy only if you don't need to push any limits.

A link to the example where used with grid. [image] Is it possible to tile the groups in node-red-dashboard vertically? Dashboard Well cant say it is impossible but many things then do need heavy overrides. So the layout behavior is completely different... Smaller screen:…

Node-RED

Node-RED Forum

A bit different dashboard layout

Dashboard

hotNipi 11 December 2022 09:57 6

A link to the example where used with grid.

Topic		Replies	Views
Change layout algorithm to prevent ui groups from stretching across the webpage on wider displays Dashboard	3	345	12 May 2023
Adapt dashboard to window size (Responsive dashboard) Dashboard node-red-dashboard , design	3	626	3 June 2023
How do I stop dashboard areas overlapping? Dashboard node-red-dashboard	5	262	15 March 2023
Is it possible to tile the groups in node-red-dashboard vertically? Dashboard	8	1034	10 December 2022
Dashboads and detecting the device they are being shown on Dashboard	13	2215	14 April 2020

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.

A bit different dashboard layout

Related topics