DB1 to DB2: Widget/group sizing and layout issues

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:

My DB2 theme configuration is:

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.

Have you configured the page as format Grid?

1 Like

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)

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

@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”

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

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.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.