DB1 to DB2: Widget/group sizing and layout issues

Dashboard
,
1

Hello:

I am migrating my DB1 dashboard to DB2 and having a hard time adjusting the layout. For example: a widget that was sized as 8X7 in DB1 does not match the width/height of an 8X7 widget in DB2 and I have to play around with the dimensions on each widget.

I searched this board and I found a couple of posts that seemed relevant but not what I was looking for (DB2 Widget Autosizing).

My DB1 configuration was as follows:

image
image732×984 33.4 KB

My DB2 theme configuration is:

image
image1010×1257 54.9 KB

I don’t see a way to define the widget size in DB2. Does anyone know what the 1X1 widget size (in px) is in DB2 or if there is a way to define that like in DB1?

Thanks for your help.

2

Have you configured the page as format Grid?

1 Like
3

Grid format - sorry I forgot to include that.

EDIT: Actually, most of the pages are “fixed” as I used the Flowfuse migration service (just new ones defaulted to grid)

4

In Dashboard 2.0, to account for responsive layouts, we have a different default layout - “Grid”. This splits the screen into (by default) 12 columns, so something that is “6” units wide, is in fact 6/12 columns (50%) wide.

To have fixed widths like in Dashboard 1.0, you can change the Page’s layout to “Fixed”.

2 Likes
5

@joepavitt - I just checked and since I used the “migration” service from Flowfuse to update the flows (at least that’s my hypothesis), the updated pages were “fixed” and only the new ones (that I created for testing) were created as “grid”

6

You can control the height (i.e. 1 x row) in the theme: Config: UI Theme ui-theme | Node-RED Dashboard 2.0

7

Thanks - I had done that (“comfortable”). I think my issue was that I was doing the layout testing on page config as “grid” and then applying the same to a page that was configured as “fixed”. There are still some oddities, but it looks like it’s mostly working.

Thanks for your help.