# 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:** 4

<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:** [6 August 2023 15:53 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/61 "2023-08-06T15:53:48Z")

</div>

Thanks Paul, I'll record on GH, can reproduce my end - [issue](https://github.com/flowforge/flowforge-nr-dashboard/issues/109)

Fixed in this [PR](https://github.com/flowforge/flowforge-nr-dashboard/pull/110), ~pushing 0.0.9 now~ shipped 0.0.9

---

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

</div>

Hi everyone. Just like to say thanks for trying this out and finding issues.

It is very early days and we don't yet have tests in place to capture regressions like these so we greatly appreciate your patience and perseverance. This is a conscious choice that we have discussed. Once we reach a good level of features, we will switch track to getting a good bunch of unit and e2e tests in place.

And if you all want to see this move even faster, PRs are welcome 🤗

---

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

</div>

Another small issue. The link in the Dashboard 2 sidebar is not correct. It assumes that the root url hasn't been changed. I always make sure that I've changed `httpNodeRoot` and `httpAdminRoot` on my test machine to pick up issues like that.

The link needs to take into account `httpNodeRoot`.

And I'm still getting the blue screen with the console error:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/5/95bd26af33cb65765065deaf04cc3a0e7e750fb1.png)

---

<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:** [6 August 2023 17:22 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/64 "2023-08-06T17:22:42Z")

</div>

Thanks for the info Julian. I suspect the blue screen problem is being caused by the change of domain youve referenced for the side menu too. The UI just seeks to connect to the same domain with `/dashboard/socket.io` appended

---

<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:** [6 August 2023 18:00 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/65 "2023-08-06T18:00:10Z")

</div>

v0.0.9 Thanks Joe, working now.

Just noticed that the widget size is missing from the dropdown node.

> <https://github.com/flowforge/flowforge-nr-dashboard/issues/111>
>
> v0.0.9 - The option to set the widget size is missing from the config of the dro…pdown node.

---

<div class="post-metadata">

**Author:** ![Frida](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/frida/32/68250_2.png) [@Frida](https://discourse.nodered.org/u/Frida)\
**Post date:** [6 August 2023 19:56 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/66 "2023-08-06T19:56:42Z")

</div>

I miss the little bubbles of content in the new slider. See picture 000  
The new slider doesn't like 0. It sends "No Message Received" See image 001

![pic000](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/9/5916c60c4bd20df145067ad75165eeb620a7371b.png)

 ![pic001](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/e/9e9b271290d4c8f6d9c60cec296083691dbde11d.png)

---

<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:** [6 August 2023 20:21 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/67 "2023-08-06T20:21:43Z")

</div>

Thanks @Frida. Can you open GH issues for both of those please?

For the bubbles, was definitely a plan to add it back in, still in the process of porting over all features.

For the 0, I know the problem, can get a fix in next week.

Opening GH issues for both, just makes sure it doesn't fall off my radar.

---

<div class="post-metadata">

**Author:** ![Frida](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/frida/32/68250_2.png) [@Frida](https://discourse.nodered.org/u/Frida)\
**Post date:** [7 August 2023 06:42 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/68 "2023-08-07T06:42:31Z")

</div>

> <https://github.com/flowforge/flowforge-nr-dashboard/issues/112>
>
> Works with other numbers, both negative and positive.

> <https://github.com/flowforge/flowforge-nr-dashboard/issues/113>

---

<div class="post-metadata">

**Author:** ![Alacritous](https://avatars.discourse-cdn.com/v4/letter/a/9fc29f/32.png) [@Alacritous](https://discourse.nodered.org/u/Alacritous)\
**Post date:** [9 August 2023 00:30 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/69 "2023-08-09T00:30:33Z")

</div>

Any plan on the use of a different port so as to not expose the designer unnecessarily.

---

<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:** [9 August 2023 07:54 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/70 "2023-08-09T07:54:29Z")

</div>

> [@Alacritous](#):
>
> Any plan on the use of a different port

You can change the port from within your NR settings file to something not commonly used.  
However any change will also affect your editor access (both dashboard and editor always use the same port).

---

<div class="post-metadata">

**Author:** ![Alacritous](https://avatars.discourse-cdn.com/v4/letter/a/9fc29f/32.png) [@Alacritous](https://discourse.nodered.org/u/Alacritous)\
**Post date:** [9 August 2023 20:47 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/71 "2023-08-09T20:47:28Z")

</div>

That's what I'm saying. Why can't they use different ports? So as to expose the dashboard but NOT the editor. That would be the simplest way to improve security significantly.

---

<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 August 2023 11:45 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/72 "2023-08-10T11:45:06Z")

</div>

You can't have a different port without creating another ExpressJS instance in Node-RED. While this is possible. uibuilder, for example, has an option to create its own instance so that you can have it on a separate port with separate settings. But that is an option because it does have additional overheads.

If you want to add further security, the best approach by far is to run Node-RED behind a proxy. Which is easy to do even on a limited Pi (I've done it on Pi2's and 3's). Then you can properly apply authentication and do authorisation per URL as needed.

---

<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:** [17 August 2023 08:22 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/73 "2023-08-17T08:22:11Z")

</div>

I know there is very little layout code implemented so far, but can I somehow control the order of the widgets in a page?

---

<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:** [17 August 2023 08:37 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/74 "2023-08-17T08:37:54Z")

</div>

Colin, I _think_ if you use node-red move to front/back you can affect layout ordering however, due to the dynamic nature of node and flow deploy, the ordering gets messed up until a full deploy.

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

In the mean time, visual layout is something @joepavitt already has on the backlog: [Visual Layout Editor · Issue #30 · flowforge/flowforge-nr-dashboard · GitHub](https://github.com/flowforge/flowforge-nr-dashboard/issues/30)

---

<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:** [17 August 2023 08:40 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/75 "2023-08-17T08:40:10Z")

</div>

> I know there is very little layout code implemented so far, but can I somehow control the order of the widgets in a page?

Unfortunately not at the moment, but something I am prioritising (possibly this week) as the base is already there from Dashboard 1.0. With the addition of the Dashboard 2.0 side menu, this also gives an easy to use canvas for such control too.

---

<div class="post-metadata">

**Author:** ![davidz](https://avatars.discourse-cdn.com/v4/letter/d/a88e57/32.png) [@davidz](https://discourse.nodered.org/u/davidz)\
**Post date:** [17 August 2023 16:37 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/76 "2023-08-17T16:37:12Z")

</div>

This is exciting.  
Could the following two issues be addressed in Dashboard 2.0?

1. Muti-user login. It will be great to be able to assign different user roles, and which tabs an user level can access.

2. Performance. Charts become very slow when data are updated more frequently due to the outdated Chartjs version (1.xx or 2.xx). Chart.js has a huge performance boost at 3.xx. Unfortunately 3.xx is not integrated into the current dashboard.  
We use "template" node and ECharts to resolve the performance issue. But it would be great to use the native dashboard charts to achieve similar performance.

---

<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:** [18 August 2023 11:53 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/77 "2023-08-18T11:53:42Z")

</div>

> [@davidz](#):
>
> Chartjs version (1.xx or 2.xx). Chart.js has a huge performance boost at 3.xx. Unfortunately 3.xx is not integrated into the current dashboard.

Are you sure? - [https://github.com/flowforge/flowforge-nr-dashboard/blob/main/package.json#L64](https://github.com/flowforge/flowforge-nr-dashboard/blob/main/package.json#L64)

---

<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:** [18 August 2023 12:01 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/78 "2023-08-18T12:01:40Z")

</div>

Pretty sure they are refering to original dashboard using old chart.js. that's how I read it.

---

<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:** [18 August 2023 12:18 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/79 "2023-08-18T12:18:34Z")

</div>

> [@Steve-Mcl](#):
>
> refering to original dashboard using old chart.js

Then I'm not sure what point the OP is making?

Especially when asking for it to be addressed...

> [@davidz](#):
>
> Could the following two issues be addressed in Dashboard 2.0?

---

<div class="post-metadata">

**Author:** ![kevinGodell](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kevingodell/32/27040_2.png) [@kevinGodell](https://discourse.nodered.org/u/kevinGodell)\
**Post date:** [18 August 2023 13:05 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/80 "2023-08-18T13:05:25Z")

</div>

> [@davidz](#):
>
> Muti-user login. It will be great to be able to assign different user roles, and which tabs an user level can access.

**If there is an effort to make the new dashboard multi-user** , then an additional improvement can be made along with that. I think for that to work, each front end widget loaded would have to send a subscribe request to the backend, which would have to make some type of auth verification, and then the backend could add that to the list of subs waiting for data. Since socket-io is being used, this would not be impossible.

If that works, then there can also be a focus on only sending data to visible widgets and tabs using [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API). i have had success using that with my dashboard ui widget to load/unload video that goes in and out of view.

I haven't looked at the new source code to see how it is structured. Forgive me if i have stated things that are already cared for. 😉

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

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