I’m working with Node-RED Dashboard 2.0 using FlowFuse Vue. I have a group for a camera widget that spans 6 rows vertically, but this is causing the surrounding cells to stretch by the same amount as shown in the screenshot. This leaves 4 empty spaces horizontally. I want the bottom groups, such as planner, speedometer, and weeds success to fill in those gaps. How can I achieve this? Any guidance would be greatly appreciated.
Hi ahsanakhlaque,
welcome to the forum!
As far as I know, it is not possible to get the layout you want in dashboard2. dashboard2 seems to layout strictly row-based, with the highest widget setting row height.
Any change to that behavior would be appreciated.
Currently the solution is to keep the groups the same height and put more widgets into those groups. So in the example you posted put EW Power and Weeds Killed into a group, and similarly with Planner Status and Weeds Success Level. Or even put all four of those into one group.
@Colin is right.
Divide your dashboard into three groups, each just wide enough for the camera view or 2 widgets side by side.
If EW Power, Planner Status, Weeds Killed and Weeds Success Level are all in the left hand group, and each is half the width of the group, they should be displayed as a block of 4, then Camera view in the next block, etc.
Of course you are right regarding groups.
But - if I remember correctly, dashboard (1) offered more flexibility arranging widgets automatically on a given page.
