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

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

</div>

It would be nice if you could add a tab in the editor's right hand sidebar like the current dashboard does.

---

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

</div>

for the suggestion @zenofmud - we've currently decided to go down a different approach and use Node-RED Config Nodes for Dashboard 2.0, rather than the custom work in Dashboard 1.0.

This doesn't rule out right side config long term, but short term it's not on the todo list.

---

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

</div>

Still it would be nice to have a link to open a dashboard page(?) from the editor.

---

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

</div>

Totally agree - that is definitely on our "must have" list: [Link to dashboard · Issue #79 · flowforge/flowforge-nr-dashboard · GitHub](https://github.com/flowforge/flowforge-nr-dashboard/issues/79)

---

<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 16:33 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/25 "2023-08-02T16:33:14Z")

</div>

> [@Colin](#):
>
> It has a note about setting Delay, but I don't see where to do that

It's because it is currently commented out. See [https://github.com/flowforge/flowforge-nr-dashboard/blob/main/nodes/widgets/ui\_text\_input.html#L74&L76](https://github.com/flowforge/flowforge-nr-dashboard/blob/main/nodes/widgets/ui_text_input.html#L74&L76)

Joe mentioned above that he hasn't ported over all of the options yet.

> [@joepavitt](#):
>
> 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)

---

<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 20:24 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/26 "2023-08-02T20:24:34Z")

</div>

> [@Paul-Reed](#):
>
> Joe mentioned above that he hasn't ported over all of the options yet.

Oh yes, I will just have to be patient.

---

<div class="post-metadata">

**Author:** ![meeki007](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/meeki007/32/12499_2.png) [@meeki007](https://discourse.nodered.org/u/meeki007)\
**Post date:** [2 August 2023 22:25 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/27 "2023-08-02T22:25:16Z")

</div>

I think its Okay to bring up what you find missing most important. I will drive what gets ported first in most cases. Just be nice about it 😛

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [3 August 2023 05:49 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/28 "2023-08-03T05:49:04Z")

</div>

Morning @joepavitt,  
I have - purely out of development interest - a question about [this](https://github.com/flowforge/flowforge-nr-dashboard/blob/main/nodes/widgets/ui_switch.js#L41) code statement:

```auto
// ensure we have latest instance of the widget's node
const wNode = RED.nodes.getNode(node.id)

```

I have never done something like that in one of my nodes, because `node` refers already to `this` instance. And everytime my node is deployed, it will refer to a new instance containing all up-to-date property values.

Is this something specific to Vue perhaps? Or that you can change e.g. the config via another way (i.e. not Node-RED flow editor)? Or another reason I am not aware of...

---

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

</div>

Great Question. I actually think you're right, in that, here, it's completely redundant.

Where we have been needing to use it is in `ui-base.js` on the event handlers. Our widgets/groups/pages all `register` themselves with `ui-base` and this maintains a mapping of them. When an input/action is received, we need to make sure we've retrieved the latest version (as in case of a partial deploy, the widget node may have been deleted, and so our reference to it is invalid).

I suspect I'd just got into the habit of using `getNode()` and did it in `ui-switch` without thinking too much about it. Looking through `ui-button` and `ui-slider`, I do just use `node` as-is.

I've tried to build this out so that there is 0 overlap between Node-RED and the VueJS UI. In theory, someone could wrap the `/nodes` folder in their own UI entirely.

---

<div class="post-metadata">

**Author:** ![SuperNinja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/superninja/32/5761_2.png) [@SuperNinja](https://discourse.nodered.org/u/SuperNinja)\
**Post date:** [3 August 2023 11:12 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/30 "2023-08-03T11:12:39Z")

</div>

> [@joepavitt](#):
>
> comment on the linked issue above for testing alongside Dashboard 1.0

![flowforge & dashboardv1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/1/5109c3cdcb13b3d23989c71e7fde3f5dc8b4e631.gif)

Beginner's question: I installed to try in addition to dashboard 1.0:

- flowforge -nr-dashboard take over dashboard 1.0: how to display my dashboard 1.0 again? (without uninstalling flowforge-nr-dashboard)
- used to dashboard 1.0 :

> [@joepavitt](#):
>
> we've currently decided to go down a different approach

it seems confusing to configure. An example in "import/examples" would be good.

Working on Win10 , N.R v3.0.2, ff-nr-dashboard 0.0.6

---

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

</div>

> [@SuperNinja](#):
>
> flowforge -nr-dashboard take over dashboard 1.0: how to display my dashboard 1.0 again? (without uninstalling flowforge-nr-dashboard)

At the moment, I believe the only way to recover is to uninstall `flowforge--nr-dasboard` - sorry for the inconvenience

---

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

</div>

> [@SuperNinja](#):
>
> it seems confusing to configure

You should just be able to drop a new widget onto the canvas. It'll prompt you to create your first group/tab/ui, but after that, extending is easy.

I am conscious that it's not as easy (drag & drop ordering, etc.) as existing Dashboard 1.0, but we are working to get there asap.

---

<div class="post-metadata">

**Author:** ![SuperNinja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/superninja/32/5761_2.png) [@SuperNinja](https://discourse.nodered.org/u/SuperNinja)\
**Post date:** [3 August 2023 11:55 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/33 "2023-08-03T11:55:30Z")

</div>

> [@joepavitt](#):
>
> It'll prompt you to create your first group/tab/ui, but after that, extending is easy.

After the drop of the new widget I did not have this "prompt": I deploy the flow and I have a warning of a badly configured node. I must enter the node, and configure manually, in cascade, all UI-XXX (page, theme, group ...) with the pencil on the right.

I will wait a little more progress before redoing tests. I continue to follow this development of a shot. Work well ! 😉

---

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

</div>

Thanks @SuperNinja, this is the way that the existing Dashboard 1.0 works too, which we are working toward replicating for now, and will then add feature/UX enhancements after this,

---

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

</div>

I see that the Text Input node has a number of time and datetime modes. Can I put in a plea that the operation of these is carefully specified and discussed as it is a complex area. The Dashboard 1 nodes that supply these features are the cause of much confusion, and are not consistent across the various nodes.

---

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

</div>

> [@Colin](#):
>
> Can I put in a plea that the operation of these is carefully specified and discussed as it is a complex area

@Colin could I ask you to detail some of those confusions [here](https://github.com/flowforge/flowforge-nr-dashboard/issues/39) please? I'm not aware of any of them, and would like to make sure I've considered them.

---

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

</div>

> [@zenofmud](#):
>
> It would be nice if you could add a tab in the editor's right hand sidebar like the current dashboard does.

PR is open: [Link to Dashboard & Add Sidebar by joepavitt · Pull Request #104 · FlowFuse/node-red-dashboard · GitHub](https://github.com/flowforge/flowforge-nr-dashboard/pull/104)

---

<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:** [4 August 2023 13:07 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/38 "2023-08-04T13:07:26Z")

</div>

Also with D1 there is a hotkey for opening the dashboard from the editor (Ctrl-Shift-D). Is or will that be available with D2?

---

<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:** [5 August 2023 09:13 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/39 "2023-08-05T09:13:04Z")

</div>

Another general point I would like to be considered. Many dashboard nodes have an `If msg arrives at input, pass through to output` option. With D1 the default on these is selected. My suggestion for consideration is that these should default to not pass through. Numerous times the pass through has caused problems with users involving loops, particularly MQTT loops, which can lock up the editor access. If the default were _not_ selected then I think the problems would be fewer and much simpler to diagnose.

---

<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:** [5 August 2023 09:47 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/40 "2023-08-05T09:47:54Z")

</div>

FYI I've just shipped `0.0.7` - [Release Notes](https://github.com/flowforge/flowforge-nr-dashboard/releases/tag/v0.0.7)

**Highlights:**

- Default endpoint for Dashboard 2.0 is now `/dashboard`. This is to prevent default value clashing with Dashboard 1.0. It's also been disabled to change this value whilst we investigate the clashing with D1.0 further.
- Dashboard 2.0 sidebar added, with link to the dashboard included (fyi @colin, @zenofmud). Also added a command to the action palette to open this side menu too
- New `ui-template` node. This is super powerful thanks to @Steve-Mcl, you can use any components from Vuetify out of the box, and it includes `send` and `submit` functions which Steve will be writing some content about soon, which allow you to emit events and create custom forms inside the template node itself.
- Complete re-work of the event pub/sub model between UI and Node-RED to be more efficient and prevent a memory leak we had.

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

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