# Ui-button size in DB2 question

**URL:** <https://discourse.nodered.org/t/ui-button-size-in-db2-question/96150>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [21 March 2025 09:15 UTC](https://discourse.nodered.org/t/ui-button-size-in-db2-question/96150 "2025-03-21T09:15:34Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [21 March 2025 12:02 UTC](https://discourse.nodered.org/t/ui-button-size-in-db2-question/96150/5 "2025-03-21T12:02:32Z")

</div>

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](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/7/a7a9447816377315c0413e03a64a58ee3be33fd7.png)

If your buttons _need_ to be square, there are some examples at [DB2 experiments on styling buttons](https://discourse.nodered.org/t/css-styling-ui-button-widgets-on-dashboard-2/)

I only briefly looked at the DB2 LED widget @flowfuse/node-red-dashboard-2-ui-led and decided to use a ui-template instead. This is described at [Interactive template LED designer](https://discourse.nodered.org/t/interactive-template-led-designer/92576/1).  
Unfortunately I didn't include options for LED placement in that demo.  
The basic LED widget has been enhanced since then; it looks somewhat better now.

> [@Mrb32](#):
>
> requires a rewrite of the underlying flow

Some degree of rewriting is probably inevitable for migrating to DB2.

> [@Mrb32](#):
>
> I have over 40 of the suckers 🙂

Maybe your best approach is to shun the default widgets and use a ui-template with text, buttons & LED elements and copy it 40 times

---

_[View the full topic](https://discourse.nodered.org/t/ui-button-size-in-db2-question/96150)._