# Dashboard 2.0 bugs I've found

**URL:** <https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899>\
**Category:** Dashboard\
**Created:** [3 May 2026 15:12 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899 "2026-05-03T15:12:32Z")\
**Posts on this page:** 19\
**Page:** 2

<div class="post-metadata">

**Author:** ![SveinHa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sveinha/32/71169_2.png) [@SveinHa](https://discourse.nodered.org/u/SveinHa)\
**Post date:** [10 May 2026 12:27 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/21 "2026-05-10T12:27:50Z")

</div>

I can't say I've experienced many bugs in Dash2, rather a lack of features compared to Dash1.

I have a NodeRED system for my home automation and solar power system with around 6000 nodes and Dash1 with around 25 pages. I've made a handful of Dash2 pages but Dash2 is quite a bit more difficult to get visually appealing while still display enough information. One reason is the minimum unit size which have an XY ratio of about 3:1 instead of the about 1:1 in Dash1. User configurable in Dash1 but I haven't found that setting in Dash2.

One of my main Dash1 pages look like this:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/8/38d1166abecf6f607a384ffe8268697ea61590f1.png)

My other issue with Dash2 is the chart node. Pen colors are random once the chart is filled with data (reported and acknowledged elsewhere a long time ago) and persistent data during reboot is a pain...

...and an audio node that never have made any sound (Dash1 Audio out works fine as long as the browser have focus).

Today, I run two monitors in my living room, one with one more or less fixed Dash2 page and one with all my Dash1 pages. I experience daily browser crashes with Dash1 and rarely any crashes with Dash2.

I've considered UIBuilder and have a few default pages up and running but so far, the learning curve have been far to steep... Is it even possible to make something similar to the page i posted here in UIBuilder? I guess it is but so far it seems unreachable to me...

Systems like Dash1/2 and UIBuilder are quite new to me but I've been working with designing industrial HMI systems ever since ASEA Tesselator was the future (anyone who know what that is today?).

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [10 May 2026 12:47 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/22 "2026-05-10T12:47:06Z")

</div>

> [@SveinHa](#):
>
> Is it even possible to make something similar to the page i posted here in UIBuilder?

Certainly. I did publish a layout that sort-of mimics the Dashboard's grid layout. It uses CSS Grid so doesn't need a framework. There are also plenty of online tools that will create a base layout for you. And, of course, if you want to use a framework to help, you absolutely can.

There is a router library for SPA's (like Dashboard) though I've only really worked through horizontal menu's rather than D1/D2's vertical menu - something I'd be happy to work through though if someone were to request it. 😉

I don't use charts very much and when I do, it tends to be with Grafana rather than Node-RED. So my dev focus has gone more towards textual widgets. But that is mostly because nobody has asked me to focus on them except for hotnipi who gifted us a web component version of his excellent gauge which I host. Again, if someone were to ask for something specific, I'm sure I would give it some focus. There is a slowly growing [collection of web components that I publish](https://wc.totallyinformation.net) that work nicely with UIBUILDER (and pretty much everything else as well of course).

If nobody asks for anything, I tend to focus on whatever grabs my attention. So feel free.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [10 May 2026 12:51 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/23 "2026-05-10T12:51:05Z")

</div>

> [@SveinHa](#):
>
> ASEA Tesselator

Apparently it was discontinued in 2003. There seems to be at least 1 emulator - **TessEm8000**. Of course, you can fairly easily reproduce it with web pages and a collection of (perhaps SVG) icons I would think.

---

<div class="post-metadata">

**Author:** ![SveinHa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sveinha/32/71169_2.png) [@SveinHa](https://discourse.nodered.org/u/SveinHa)\
**Post date:** [10 May 2026 13:01 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/24 "2026-05-10T13:01:14Z")

</div>

> [@TotallyInformation](#):
>
> you can fairly easily reproduce it with web pages and a collection of (perhaps SVG) icons

I have absolutely no intention of going back to Tesselator but it is nice to have that experience with me... I have definitely been working most with Wonderware.

I will give UIBuilder a go some time later, too many other things take my time at the moment (busy being retired...).

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [13 May 2026 20:13 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/25 "2026-05-13T20:13:36Z")

</div>

> [@SveinHa](#):
>
> One reason is the minimum unit size which have an XY ratio of about 3:1 instead of the about 1:1 in Dash1.

You can control the widget width in the Page settings, by adjusting the number of columns that you want to fit across the screen.

---

<div class="post-metadata">

**Author:** ![SveinHa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sveinha/32/71169_2.png) [@SveinHa](https://discourse.nodered.org/u/SveinHa)\
**Post date:** [13 May 2026 22:14 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/26 "2026-05-13T22:14:21Z")

</div>

> [@Colin](#):
>
> You can control the widget width in the Page settings, by adjusting the number of columns that you want to fit across the screen.

Not really. With 3 columns, the top of one of my pages look like this:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/9/397c91eda30c9bd1274be3e8c33321cc14908a44.png)  
All 3 buttons have a size of 1x1. With 6 columns it looks like this:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/5/6504e9ddfae8209cdd3559cf9b6c76e843f2f849.png)  
So far, it makes sense...kind of... But with f.ex. 24 columns, it still look like this:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/2/c29e4d4718417d462f5db307b925c80031ab50d5.png)  
I want these 3 buttons to look as they do now and it would be logical to me to specify the size to be something like 5x1, not 1x1.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [14 May 2026 08:35 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/27 "2026-05-14T08:35:26Z")

</div>

> [@SveinHa](#):
>
> with f.ex. 24 columns, it still look like this:

Could you export and paste here just the widgets please, with 24 columns, so I can attempt to replicate the problem. The group and page settings will automatically be included in the export.

---

<div class="post-metadata">

**Author:** ![SveinHa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sveinha/32/71169_2.png) [@SveinHa](https://discourse.nodered.org/u/SveinHa)\
**Post date:** [14 May 2026 08:55 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/28 "2026-05-14T08:55:09Z")

</div>

> [@Colin](#):
>
> Could you export and paste here just the widgets please,

Like this?

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/f/ff714be0f9e1a4845a82818549b789b48b7dd6af.png)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/4/74e64aaf884a1b2c12552751569991732b9a017f.png)

---

<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:** [14 May 2026 10:46 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/29 "2026-05-14T10:46:45Z")

</div>

To export the nodes, please select them then go to the hamburger menu & Export.  
Copy the export to the clipboard.  
Come to the forum, click the Preformatted text button `</>` and paste.

There was a [discussion about the shape of buttons](https://discourse.nodered.org/t/the-shape-of-a-button/90853) in the early days of the Flowfuse dashboard.  
My feeling was that a 1x1 button should be square not rectangular  
It was explained that the height remains constant but the width varies according to the size of the browser window, so a fixed shape is difficult, but this _may be_ alleviated by switching the ui-page layout from Grid to Fixed.

These threads might be relevant, but I'm sure they are out of date now.  
[CSS styling for button widgets](https://discourse.nodered.org/t/css-styling-ui-button-widgets-on-dashboard-2/90969)  
[Square & round buttons revisited.](https://discourse.nodered.org/t/css-square-round-on-off-buttons-revisited/99508)

---

<div class="post-metadata">

**Author:** ![SveinHa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sveinha/32/71169_2.png) [@SveinHa](https://discourse.nodered.org/u/SveinHa)\
**Post date:** [14 May 2026 10:54 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/30 "2026-05-14T10:54:08Z")

</div>

> [@jbudd](#):
>
> My feeling was that a 1x1 button should be square not rectangular

I absolutely agree 👍

```auto
[
    {
        "id": "a1e4fbb7c1315b5a",
        "type": "ui-button",
        "z": "8d23aa6caa2f4c9c",
        "g": "cc09df74a0be9eab",
        "group": "d2fd4b251abc4310",
        "name": "",
        "label": "Oversikt",
        "order": 1,
        "width": "1",
        "height": "1",
        "emulateClick": false,
        "tooltip": "",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "",
        "iconPosition": "left",
        "payload": "Oversikt",
        "payloadType": "str",
        "topic": "topic",
        "topicType": "msg",
        "buttonColor": "",
        "textColor": "",
        "iconColor": "",
        "enableClick": true,
        "enablePointerdown": false,
        "pointerdownPayload": "",
        "pointerdownPayloadType": "str",
        "enablePointerup": false,
        "pointerupPayload": "",
        "pointerupPayloadType": "str",
        "x": 140,
        "y": 1910,
        "wires": [
            [
                "c2b40aa9a1cfe3dd"
            ]
        ]
    },
    {
        "id": "f25f8485c92f54c2",
        "type": "ui-button",
        "z": "8d23aa6caa2f4c9c",
        "g": "cc09df74a0be9eab",
        "group": "d2fd4b251abc4310",
        "name": "",
        "label": "Alde 3000",
        "order": 2,
        "width": "1",
        "height": "1",
        "emulateClick": false,
        "tooltip": "",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "",
        "iconPosition": "left",
        "payload": "Alde 3000",
        "payloadType": "str",
        "topic": "topic",
        "topicType": "msg",
        "buttonColor": "grey",
        "textColor": "black",
        "iconColor": "",
        "enableClick": true,
        "enablePointerdown": false,
        "pointerdownPayload": "",
        "pointerdownPayloadType": "str",
        "enablePointerup": false,
        "pointerupPayload": "",
        "pointerupPayloadType": "str",
        "x": 140,
        "y": 1940,
        "wires": [
            [
                "c2b40aa9a1cfe3dd"
            ]
        ]
    },
    {
        "id": "833bd8b2b9a2797b",
        "type": "ui-button",
        "z": "8d23aa6caa2f4c9c",
        "g": "cc09df74a0be9eab",
        "group": "d2fd4b251abc4310",
        "name": "",
        "label": "System",
        "order": 3,
        "width": "1",
        "height": "1",
        "emulateClick": false,
        "tooltip": "",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "",
        "iconPosition": "left",
        "payload": "System",
        "payloadType": "str",
        "topic": "topic",
        "topicType": "msg",
        "buttonColor": "grey",
        "textColor": "black",
        "iconColor": "",
        "enableClick": true,
        "enablePointerdown": false,
        "pointerdownPayload": "",
        "pointerdownPayloadType": "str",
        "enablePointerup": false,
        "pointerupPayload": "",
        "pointerupPayloadType": "str",
        "x": 140,
        "y": 1970,
        "wires": [
            [
                "c2b40aa9a1cfe3dd"
            ]
        ]
    },
    {
        "id": "d2fd4b251abc4310",
        "type": "ui-group",
        "name": "Oversikt",
        "page": "aa221ba6117b04b9",
        "width": "6",
        "height": "1",
        "order": 1,
        "showTitle": false,
        "className": "",
        "visible": "false",
        "disabled": "false",
        "groupType": "default"
    },
    {
        "id": "aa221ba6117b04b9",
        "type": "ui-page",
        "name": "Oversikt",
        "ui": "716b64937a2a9b2f",
        "path": "/oversikt",
        "icon": "home",
        "layout": "notebook",
        "theme": "ed0b73bd955d7644",
        "breakpoints": [
            {
                "name": "Default",
                "px": "0",
                "cols": "3"
            },
            {
                "name": "Desktop",
                "px": "1024",
                "cols": "24"
            }
        ],
        "order": 1,
        "className": "",
        "visible": false,
        "disabled": false
    },
    {
        "id": "716b64937a2a9b2f",
        "type": "ui-base",
        "name": "My Dashboard",
        "path": "/dashboard",
        "appIcon": "",
        "includeClientData": true,
        "acceptsClientConfig": [
            "ui-notification",
            "ui-control"
        ],
        "showPathInSidebar": false,
        "headerContent": "page",
        "navigationStyle": "default",
        "titleBarStyle": "hidden",
        "showReconnectNotification": true,
        "notificationDisplayTime": "1",
        "showDisconnectNotification": true,
        "allowInstall": true
    },
    {
        "id": "ed0b73bd955d7644",
        "type": "ui-theme",
        "name": "Default Theme",
        "colors": {
            "surface": "#3d3846",
            "primary": "#469269",
            "bgPage": "#000000",
            "groupBg": "#3d3846",
            "groupOutline": "#000000"
        },
        "sizes": {
            "density": "compact",
            "pagePadding": "4px",
            "groupGap": "4px",
            "groupBorderRadius": "4px",
            "widgetGap": "4px"
        }
    },
    {
        "id": "ebe85e24e8dd1644",
        "type": "global-config",
        "env": [],
        "modules": {
            "@flowfuse/node-red-dashboard": "1.30.2"
        }
    }
]

```

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [14 May 2026 15:25 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/31 "2026-05-14T15:25:08Z")

</div>

Try setting the page layout to grid. You have it on notepad at the moment.

---

<div class="post-metadata">

**Author:** ![SveinHa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sveinha/32/71169_2.png) [@SveinHa](https://discourse.nodered.org/u/SveinHa)\
**Post date:** [16 May 2026 19:00 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/32 "2026-05-16T19:00:21Z")

</div>

> [@Colin](#):
>
> Try setting the page layout to grid.

That messed up my page but the buttons behaved the same...

I think I need to stick to Dash1 until I get under the skin of UIBuilder...

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [16 May 2026 19:36 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/33 "2026-05-16T19:36:17Z")

</div>

> [@SveinHa](#):
>
> That messed up my page but the buttons behaved the same.

That sounds like a bug, I am on the road at the moment but will try your flow when I am home.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [19 May 2026 09:35 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/34 "2026-05-19T09:35:31Z")

</div>

> [@SveinHa](#):
>
> > [@Colin](#):
> >
> > Try setting the page layout to grid.
> 
> That messed up my page but the buttons behaved the same...

I imported your flow, changed the page layout to Grid, and changed the page to Visible (it was hidden) and, with a screen width \> 1024 I see this  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/optimized/3X/8/b/8b3e909f8ad7bcfccc3e5c4aefe05888f565fbc2_2_689x54.png)

Which is what I would expect with buttons of width 1 and Columns set to 24 in the page layout.

Is your screen at least 1024 px wide? If not then change the columns to 24 for lesser widths also.

---

<div class="post-metadata">

**Author:** ![SveinHa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sveinha/32/71169_2.png) [@SveinHa](https://discourse.nodered.org/u/SveinHa)\
**Post date:** [19 May 2026 09:54 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/35 "2026-05-19T09:54:01Z")

</div>

I use 1920x1080px and 32 columns (as I have been using in Dash1). Setting ui-page and/or ui-group node visible/hidden doesn't seem to matter, the screen was messed up again for some reason and the buttons look like 2x1:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/e/7e7387ab8f98c792aea7a65179de3170cd05e368.png)  
No problem rearranging it though...

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [19 May 2026 10:13 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/36 "2026-05-19T10:13:04Z")

</div>

> [@SveinHa](#):
>
> the buttons look like 2x1:

To me they look to be 1/32 of the width, which is what is expected as you have said that the width should be 32 columns. If you want them narrower then increase the number of columns.

---

<div class="post-metadata">

**Author:** ![SveinHa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sveinha/32/71169_2.png) [@SveinHa](https://discourse.nodered.org/u/SveinHa)\
**Post date:** [19 May 2026 10:25 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/37 "2026-05-19T10:25:50Z")

</div>

Seems to me that Dash2 is made to fit every available screen resolution and that makes a real mess out of my world (industrial HMI) where all screens have equal resolutions. I'll stick to Dash1 which lets me have control...

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [19 May 2026 10:40 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/38 "2026-05-19T10:40:23Z")

</div>

It uses a responsive layout, which means that it expands to use the available space, but if you want an exact layout for a particular width then you can adjust the number of columns for that width to control it exactly how you want.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [18 June 2026 10:40 UTC](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899/39 "2026-06-18T10:40:31Z")

</div>

Closed on 18 June 2026 10:40 UTC

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

[Previous page](https://discourse.nodered.org/t/dashboard-2-0-bugs-ive-found/100899.md?page=1)