Hi All, Does anyone know whether it is possible to set a 1x1 size for ui-button in dashboard-2? Setting the size to this value in the properties produces a 2x1 button on the dashboard for me. Thanks for letting me know...

[image] Mrb32: so I can fit 10 groups in a row across the width of the dashboard on my iPad screen. That is a completely different issue. Edit the Page Settings for that page, check the Layout is set to Grid, and set the number of columns to 20 for all screen sizes. Then it should fit 10 gro…

Here's one of discussions about the shape of the button [image] The shape of a button Dashboard Here are a few buttons, 3 with default styling and 3 with border-radius: 50% and colour changes. The button label shows what size it is - 1x1, 2x1 or 2x4. [image] Perhaps f…

Thanks for the link. That's the current arrangement I have in DB1. [image] This is a group, with 8 widgets (4x ui-button, 2x ui-text, 2x ui-led) all sized at 1X1. Based on the discussion, it looks like I cannot replicate this layout in DB2, correct? I have seen we have a button group widget in…

Have you set the group width to two? What does it look like?

I think that you can more or less replicate that layout using dashboard 2 button, led and text widgets and without any custom CSS [image] If your buttons need to be square, there are some examples at DB2 experiments on styling buttons I only briefly looked at the DB2 LED widget @flowfuse/node-re…

Thanks for the suggestions. I had got as far as achieving the same layout as in your example, but I do need the stuff to be 1x1, so I can fit 10 groups in a row across the width of the dashboard on my iPad screen. Of course, I am expecting an amount of work to be needed to migrate, just not a comp…

Thanks! One step in the right direction :slight_smile:

Node-RED

Node-RED Forum

Ui-button size in DB2 question

Dashboard

hotNipi 21 March 2025 09:52 2

Here's one of discussions about the shape of the button

Topic		Replies	Views
DB2 Buttons size changes if over half grid Dashboard dashboard-2	4	130	30 June 2024
DB2 layout issues with button group (fka multiswitch) Dashboard dashboard-2	7	132	16 February 2025
The shape of a button Dashboard dashboard-2	38	758	15 September 2024
DB1 to DB2: Widget/group sizing and layout issues Dashboard node-red-dashboard , dashboard-2	6	97	6 August 2025
DB-2 radio group question Dashboard dashboard-2	5	70	30 March 2025

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.

Ui-button size in DB2 question

Related topics