# Dashboard 2.0 Pre-Alpha Available

**URL:** <https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142>\
**Category:** General\
**Tags:** dashboard-2\
**Created:** [28 July 2023 13:39 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142 "2023-07-28T13:39:33Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [28 July 2023 13:39 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/1 "2023-07-28T13:39:33Z")

</div>

> **[First Pre-Alpha Release of the new Node-RED Dashboard • FlowFuse](https://flowfuse.com/blog/2023/07/dashboard-0-1-release/)**
>
> The first release of the successor to the Node-RED Dashboard has arrived, marking the beginning of the pre-alpha phase.

Hi All, just wanted to share an update that we, at FlowForge, have released the Dashboard 2.0 pre-alpha. It's still a work in progress, but wanted to put _something_ out for people to start playing with.

We're open to issues, feature requests and PRs too if you're interested in getting involved.

Look forward to the feedback and you all giving it a go.

---

<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:** [28 July 2023 14:13 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/2 "2023-07-28T14:13:19Z")

</div>

Can I install this as well as the current dashboard or can I only run it on a node-red instance that does not currently use node-red-dashboard?

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [28 July 2023 14:25 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/3 "2023-07-28T14:25:14Z")

</div>

Good question - I haven't actually tested this yet. If you're open to giving it a go, please let me know how it goes, the main thing to look at will be ensuring that the `path` of the `ui-base` in Dashboard 2.0 doesn't overlap with Dashboard 1.0

I had created an issue to do this task, was hoping to get to it today, but likely to be early next week now: [Check Compatibility alongside Dashboard 1.0 · Issue #70 · flowforge/flowforge-nr-dashboard · GitHub](https://github.com/flowforge/flowforge-nr-dashboard/issues/70)

---

<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:** [28 July 2023 15:00 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/4 "2023-07-28T15:00:17Z")

</div>

Since the widgets have the same names as on the current dashboard (ui-button etc) does that not mean that they cannot co-exist?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [28 July 2023 15:31 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/5 "2023-07-28T15:31:10Z")

</div>

The underlying node names of dashboard classic ™ are `ui_xxx`, in v2 they are `ux-xxx` 🙂

[example](https://github.com/node-red/node-red-dashboard/blob/f4da2057c1c3e89bcab9a9e566cb70d634144e07/nodes/ui_text.js#L67)

---

<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:** [28 July 2023 16:08 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/6 "2023-07-28T16:08:52Z")

</div>

> [@Steve-Mcl](#):
>
> The underlying node names of dashboard classic ™ are `ui_xxx`, in v2 they are `ux-xxx`

Oh yes, I had missed that. Which makes it odd that having installed dashboard 2 it seems to have hidden the original ui\_text node. In the palette I see the new nodes followed by the old ones, but ui\_text is missing, and when I deploy I get

```auto
The workspace contains some unknown node types:

* ui_text

Are you sure you want to deploy?

```

I have cleared the browser cache. I will uninstall dashboard 2 to make sure there is not something else going on.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [28 July 2023 16:11 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/7 "2023-07-28T16:11:35Z")

</div>

Thanks for the feedback colin - it may well be a bug.

I am certain @joepavitt will appreciate an issue on the repo if it turns out they clash.

---

<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:** [28 July 2023 16:34 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/8 "2023-07-28T16:34:43Z")

</div>

Done [ui\_text node (D1) missing when D2 installed alongside D1 · Issue #84 · flowforge/flowforge-nr-dashboard · GitHub](https://github.com/flowforge/flowforge-nr-dashboard/issues/84)

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [28 July 2023 18:29 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/9 "2023-07-28T18:29:43Z")

</div>

Installed new pre alpha dashboard using pallete.

Created a page with text node. Did not change /ui.  
Opened OG dashboard, redirected to new ui page. Went back change /ui to /dash.

Opening old dashboard redirect to new ...180/dash/ui-testing.  
If i refreshed the page receive `can not get /dash/ui-testing`.

So removed the node and all unused configs.  
Refreshed editor.  
Opening Old dasboad url, redirects to /dash/... and shows text input box etc. The text input node was deleted and deployed.

So went to remove the alpha dash in pallette but says inuse, no nodes in any tabs or configs etc.

Then node-red crashed

> **Log**
>
> ```auto
> Jul 18:41:10 - [info] Added node types:
> 28 Jul 18:41:10 - [info] - @flowforge/node-red-dashboard:ui-base
> 28 Jul 18:41:10 - [info] - @flowforge/node-red-dashboard:ui-page
> 28 Jul 18:41:10 - [info] - @flowforge/node-red-dashboard:ui-group
> 28 Jul 18:41:10 - [info] - @flowforge/node-red-dashboard:ui-theme
> 28 Jul 18:41:10 - [info] - @flowforge/node-red-dashboard:ui-text-input
> 28 Jul 18:41:10 - [info] - @flowforge/node-red-dashboard:ui-button
> 28 Jul 18:41:10 - [info] - @flowforge/node-red-dashboard:ui-dropdown
> 28 Jul 18:41:10 - [info] - @flowforge/node-red-dashboard:ui-slider
> 28 Jul 18:41:10 - [info] - @flowforge/node-red-dashboard:ui-text
> 28 Jul 18:41:10 - [info] - @flowforge/node-red-dashboard:ui-chart
> 28 Jul 18:41:10 - [info] - @flowforge/node-red-dashboard:ui-markdown
> 28 Jul 18:50:49 - [info] Stopping modified nodes
> 28 Jul 18:50:49 - [info] Stopped modified nodes
> 28 Jul 18:50:49 - [info] Updated flows
> 28 Jul 18:50:49 - [info] Starting modified nodes
> 28 Jul 18:50:49 - [info] [ui-base:New Dash] Created socket.io server bound to Node-RED port at path /ui/socket.io
> 28 Jul 18:50:49 - [info] [ui-page:Testing] UI Page Constructor
> 28 Jul 18:50:49 - [info] [ui-group:One] UI Page Constructor
> 28 Jul 18:50:49 - [info] Started modified nodes
> 28 Jul 18:51:42 - [info] Stopping modified nodes
> 28 Jul 18:51:42 - [info] Stopped modified nodes
> 28 Jul 18:51:42 - [info] Updated flows
> 28 Jul 18:51:42 - [info] Starting modified nodes
> 28 Jul 18:51:42 - [info] Started modified nodes
> conn:AciLPjbT4QB_6ZRjAABz on:widget-load:71f41e5a36eeaed3 undefined
> conn:AciLPjbT4QB_6ZRjAABz on:widget-change qq
> conn:qSqCk3GJROMYQ4iNAAB3 on:widget-load:71f41e5a36eeaed3 { payload: 'qq', _msgid: 'f931fab8272485c6' }
> 28 Jul 18:53:37 - [info] Stopping modified nodes
> Node-RED Closed 71f41e5a36eeaed3
> 28 Jul 18:53:37 - [info] Stopped modified nodes
> 28 Jul 18:53:37 - [info] Updated flows
> 28 Jul 18:53:37 - [info] Starting modified nodes
> 28 Jul 18:53:37 - [info] [ui-page:Testing] UI Page Constructor
> 28 Jul 18:53:37 - [info] [ui-group:One] UI Page Constructor
> 28 Jul 18:53:37 - [info] Started modified nodes
> 28 Jul 18:53:47 - [info] [ui-base:New Dash] Disconnected kG_Ox40tuZAPmOCZAABx due to transport close
> 28 Jul 18:53:47 - [info] [ui-base:New Dash] Disconnected AciLPjbT4QB_6ZRjAABz due to transport close
> 28 Jul 18:53:52 - [info] [ui-base:New Dash] Disconnected YivtimJ1mQ1Gqx9YAAB1 due to transport error
> 28 Jul 18:53:52 - [info] [ui-base:New Dash] Disconnected qSqCk3GJROMYQ4iNAAB3 due to transport error
> conn:YlwE-spqVId_xZZNAAB7 on:widget-load:71f41e5a36eeaed3 undefined
> 28 Jul 18:54:24 - [info] [ui-base:New Dash] Disconnected Z0GLwyyfptwjVVo2AAB5 due to transport close
> 28 Jul 18:54:24 - [info] [ui-base:New Dash] Disconnected YlwE-spqVId_xZZNAAB7 due to transport close
> conn:doC5mQg8SuphdbghAAB_ on:widget-load:71f41e5a36eeaed3 undefined
> 28 Jul 18:56:04 - [info] Stopping modified nodes
> 28 Jul 18:56:04 - [info] Stopped modified nodes
> 28 Jul 18:56:04 - [info] Updated flows
> 28 Jul 18:56:04 - [info] Starting modified nodes
> 28 Jul 18:56:04 - [info] Started modified nodes
> 28 Jul 18:56:14 - [info] [ui-base:New Dash] Disconnected PGiz2mrw0wO_F_eOAAB9 due to transport close
> 28 Jul 18:56:14 - [info] [ui-base:New Dash] Disconnected doC5mQg8SuphdbghAAB_ due to transport close
> conn:ADJpnichW8J1g3ELAACD on:widget-load:71f41e5a36eeaed3 undefined
> conn:ADJpnichW8J1g3ELAACD on:widget-change null
> conn:ADJpnichW8J1g3ELAACD on:widget-change null
> 28 Jul 18:59:24 - [info] [ui-base:New Dash] Disconnected dpOC3pythEIXbQziAACB due to transport error
> 28 Jul 18:59:24 - [info] [ui-base:New Dash] Disconnected ADJpnichW8J1g3ELAACD due to transport error
> 28 Jul 19:03:19 - [info] Stopping modified nodes
> Node-RED Closed 71f41e5a36eeaed3
> 28 Jul 19:03:19 - [info] Stopped modified nodes
> 28 Jul 19:03:19 - [info] Updated flows
> 28 Jul 19:03:19 - [info] Starting modified nodes
> 28 Jul 19:03:19 - [info] Started modified nodes
> 28 Jul 19:03:33 - [info] Stopping modified nodes
> 28 Jul 19:03:33 - [info] Stopped modified nodes
> 28 Jul 19:03:33 - [info] Updated flows
> 28 Jul 19:03:34 - [info] Starting modified nodes
> 28 Jul 19:03:34 - [info] Started modified nodes
> 28 Jul 19:06:53 - [red] Uncaught Exception:
> 28 Jul 19:06:53 - [error] TypeError: Cannot read properties of null (reading '_msg')
> at Socket.handler (/data/data/com.termux/files/home/.node-red/node_modules/@flowforge/node-red-dashboard/nodes/config/ui_base.js:275:93)
> at Socket.emit (node:events:511:28)
> at Socket.emitUntyped (/data/data/com.termux/files/home/.node-red/node_modules/socket.io/dist/typed-events.js:69:22)
> at /data/data/com.termux/files/home/.node-red/node_modules/socket.io/dist/socket.js:703:39
> at process.processTicksAndRejections (node:internal/process/task_queues:77:11)
> 
> ```

[edit] Testing on termux android box nodejs 20, nod-red 3.0.2.  
Found 2 configs Theme and base, deleted them, then was able to disable in pallette.  
Will look again when next release version.

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [28 July 2023 20:07 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/10 "2023-07-28T20:07:45Z")

</div>

> [@E1cid](#):
>
> Opening old dashboard redirect to new ...180/dash/ui-testing.  
> If i refreshed the page receive `can not get /dash/ui-testng`.

Is the spelling of one of those wrong? I.e. ui-testing vrs ui-testng (missing the `i`)

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [28 July 2023 20:12 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/11 "2023-07-28T20:12:02Z")

</div>

Missing i is just a posting typo.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [28 July 2023 20:18 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/12 "2023-07-28T20:18:31Z")

</div>

Thanks for giving this a go, and sorry you've hit issues with it. I suspect I know the problem, but winr be working now until Tuesday in order to address the issue.

If you're able to open an issue on the Dashboard repo, then that would be a great help. Or comment on the linked issue above for testing alongside Dashboard 1.0

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [28 July 2023 20:29 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/13 "2023-07-28T20:29:09Z")

</div>

[Issue raised](https://github.com/flowforge/flowforge-nr-dashboard/issues/87)

No apology required, Thank you for your efforts.

---

<div class="post-metadata">

**Author:** ![Padis](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/padis/32/35455_2.png) [@Padis](https://discourse.nodered.org/u/Padis)\
**Post date:** [29 July 2023 14:38 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/14 "2023-07-29T14:38:16Z")

</div>

Hello everyone,

you guys are doing a really great job and i'm really looking forward to the new dashboard.

I would appreciate if there was a part for manifest PWA configuration for Node-RED Dashboard.

This would support the use of a dashboard/app even better.

By that I mean the **HTML** part like:

```auto
<link rel="manifest" href="manifest.json" />

```

and the provision of the **manifest.json** directly via the dashboard.

```auto
{
  "name": "HackerWeb",
  "short_name": "HackerWeb",
  "start_url": ".",
  "display": "standalone",
  "background_color": "#fff",
  "description": "A readable Hacker News app.",
  "icons": [
    {
      "src": "images/touch/homescreen48.png",
      "sizes": "48x48",
      "type": "image/png"
    },
    {
      "src": "images/touch/homescreen72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "images/touch/homescreen96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "images/touch/homescreen144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "images/touch/homescreen168.png",
      "sizes": "168x168",
      "type": "image/png"
    },
    {
      "src": "images/touch/homescreen192.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "related_applications": [
    {
      "platform": "play",
      "url": "https://play.google.com/store/apps/details?id=cheeaun.hackerweb"
    }
  ]
}

```

The dashboard can be started directly in the operating system as an app via the browser engine.

Source Info:  
[https://developer.mozilla.org/en-US/docs/Web/Manifest](https://developer.mozilla.org/en-US/docs/Web/Manifest)

Here an example of my own Node as a PWA Node-RED Application installed in Edge Browser:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/e/decbbf668975457ea4f5aa16c39ca05b7571c902.png)

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [29 July 2023 15:22 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/15 "2023-07-29T15:22:01Z")

</div>

Hi @Padis welcome to the forum.

Great suggestion - could I trouble you to raise an issue on the repository so that it doesn't get lost?

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [29 July 2023 18:39 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/16 "2023-07-29T18:39:30Z")

</div>

Just installed on a Oracle Cloud server running Ubuntu, Node-RED version: v3.0.2 and Node.js version: v16.20.0.  
Installed OK, but had a problem with the Slider.  
Visually, it's missing the 'continuously while sliding/only on release' option which appears to be [defined here](https://github.com/flowforge/flowforge-nr-dashboard/blob/main/nodes/widgets/ui_slider.html#L88&L94), and when I move the slider, it runs into a loop - see below.

![mytest](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/7/6759d6e1c7f859da9c815051d63d8f667b91cd0c.gif)

[Git issue 89](https://github.com/flowforge/flowforge-nr-dashboard/issues/89) created.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [29 July 2023 20:35 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/17 "2023-07-29T20:35:00Z")

</div>

Thanks for trying it out @Paul-Reed

The option is commented out in the HTML. I'm in the process of porting over all of the options from Dashboard 1.0, but some I havent got round to all of them yet (that being one of them)

The bouncy behaviour is certainly unexpected though. Thanks for spotting and opening the GH issue!

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [2 August 2023 08:26 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/18 "2023-08-02T08:26:48Z")

</div>

The slider issue is now sorted in v0.0.6.

![mytest](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/f/3f518ae8336cf02b46bf09e67f323158eb55813e.gif)

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [2 August 2023 09:36 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/19 "2023-08-02T09:36:58Z")

</div>

Just noticed when using the slider... that if the dashboard is refreshed (F5), the slider node emits it's current value again despite the slider position remaining unchanged.  
That is inconsistent with the other UI node's behaviour.

---

<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:** [2 August 2023 10:30 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/20 "2023-08-02T10:30:57Z")

</div>

I don't know whether this is new to 0.0.6, but for a text input node I see this in the editor

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/0/b0e17456dcfdf6f879282fe3e9fe09a2ced3107f.png)

It has a note about setting Delay, but I don't see where to do that.

In case it is relevant, I also have dashboard 1 installed.

[Next page](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142.md?page=2)