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

<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:** [5 November 2023 15:20 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/201 "2023-11-05T15:20:53Z")

</div>

Unpublishing can be tricky: [npm Unpublish Policy | npm Docs](https://docs.npmjs.com/policies/unpublish#packages-published-more-than-72-hours-ago)

But it will definitely be [depreciated](https://docs.npmjs.com/cli/v10/commands/npm-deprecate) at some point in the near future.

---

<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:** [5 November 2023 15:23 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/202 "2023-11-05T15:23:21Z")

</div>

And the home page needs updating 😉

---

<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:** [5 November 2023 15:29 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/203 "2023-11-05T15:29:57Z")

</div>

~~It will be done:~~ ~~[Update readme: remove "flowforge" · Issue #317 · FlowFuse/node-red-dashboard · GitHub](http://github.com/FlowFuse/node-red-dashboard/issues/317)~~

Ignore! I believe I misread what Julian meant. The SRC readme has already been updated to state "Install the `@flowfuse/node-red-dashboard` package".

When the `flowforge` package is depreciated, we will be sure to point to the new package.

---

<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:** [5 November 2023 15:45 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/204 "2023-11-05T15:45:24Z")

</div>

I don't suppose that it would be possible to add a link into the Dashboard 2.0 layout panel that would bring the appropriate node into view in the flows would it?

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

So that you could click a link against one of those inputs and see the node in the flows.

That would really help people better understand and use the link between the flows and the layout panel I think.

You can, of course, edit the node direct from the panel but that doesn't help you find the context of that node in your flow.

---

<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 November 2023 16:53 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/205 "2023-11-05T16:53:58Z")

</div>

> [@TotallyInformation](#):
>
> I don't suppose that it would be possible to add a link into the Dashboard 2.0 layout panel that would bring the appropriate node into view in the flows would it?

Agree - great idea. Open an issue please and I will get it scheduled it in.

---

<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:** [5 November 2023 20:48 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/206 "2023-11-05T20:48:59Z")

</div>

Thanks. Done.

> <https://github.com/FlowFuse/node-red-dashboard/issues/319>
>
> \### Description
> 
> It would be great to add a link into the Dashboard 2.0 layout p…anel that would bring the appropriate node into view in the flows.
> 
> !\[image\](https://github.com/FlowFuse/node-red-dashboard/assets/1591850/0fcc85e4-d17a-4342-86b5-dfa53ac1c1b7)
> 
> So that you could click a link against one of those inputs and see the node in the flows.
> 
> That would really help people better understand and use the link between the flows and the layout panel I think.
> 
> You can, of course, edit the node direct from the panel but that doesn't help you find the context of that node in your flow.
> 
> As discussed in the forum: https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/204?u=totallyinformation
> 
> \### Have you provided an initial effort estimate for this issue?
> 
> I have provided an initial effort estimate

---

<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:** [7 November 2023 10:33 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/207 "2023-11-07T10:33:30Z")

</div>

Merged into `main` - will put this in the next release this week.

---

<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:** [9 November 2023 11:56 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/208 "2023-11-09T11:56:09Z")

</div>

We talked in another post about FLEXDASH and some of its features that I like because D1 doesn't have it:  
 ![dash2 like flexdash](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/8/c8020cbf9c942756392f888d2eab6c74be513b6f.gif)

Can we hope that D2 will be able to zoom in the curves?

---

<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:** [9 November 2023 12:09 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/209 "2023-11-09T12:09:13Z")

</div>

Can you open an issue on [Issues · FlowFuse/node-red-dashboard · GitHub](https://github.com/FlowFuse/node-red-dashboard/issues) please

---

<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:** [9 November 2023 12:38 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/210 "2023-11-09T12:38:40Z")

</div>

> [@SuperNinja](#):
>
> Can we hope that D2 will be able to zoom in the curves

I think that is a feature of the charting library used, it is a default behaviour in some charting libraries.

---

<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:** [9 November 2023 12:53 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/211 "2023-11-09T12:53:50Z")

</div>

it's done 😉

> <https://github.com/FlowFuse/node-red-dashboard/issues/329>
>
> \### Description
> 
> Can we hope that D2 will be able to zoom in the curves like thi…s ?
> !\[dash2 like flexdash\](https://github.com/FlowFuse/node-red-dashboard/assets/53425740/857b7b78-1c90-44bc-a279-f15b4f46177e)
> (double clic to return to original size for example)
> 
> \### Have you provided an initial effort estimate for this issue?
> 
> I have provided an initial effort estimate

---

<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:** [9 November 2023 21:41 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/212 "2023-11-09T21:41:37Z")

</div>

Is this a bug? I have a dropdown selector driven from MQTT (though I don't think that is relevant). I can change the selection in the dropdown by injecting a value from MQTT. However, if I then then open the dashboard on another device then the dropdown does not show the previously selected value. It shows the initial state instead.  
With other widgets such as text and switch the current state is correctly shown when a new session is started.

With D1, opening another session on the dashboard shows the previously selected value in the dropdown.

---

<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:** [9 November 2023 21:57 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/213 "2023-11-09T21:57:58Z")

</div>

Definitely a bug. Open an issue please 😊

---

<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:** [10 November 2023 12:03 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/214 "2023-11-10T12:03:40Z")

</div>

Done [ui-dropdown selection not persistent over page refresh or new session · Issue #330 · FlowFuse/node-red-dashboard · GitHub](https://github.com/FlowFuse/node-red-dashboard/issues/330)

---

<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 November 2023 11:34 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/215 "2023-11-13T11:34:10Z")

</div>

With D1, if I configure a dropdown node with a label, configured like this

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

It appears in the dashboard as

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

However, if I configure a D2 dropdown in the same way

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

it appears as

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

If I want a label in front of the dropdown I have to use a separate text node. Is the different layout intentional?

---

<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 November 2023 13:14 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/216 "2023-11-14T13:14:57Z")

</div>

> [@Colin](#):
>
> Is the different layout intentional?

@joepavitt can you comment on this?

---

<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:** [14 November 2023 14:00 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/217 "2023-11-14T14:00:29Z")

</div>

Yes - the new design/layout is intentional. This uses the new Material Design framework/layout which is also what Vuetify uses: [Select component — Vuetify](https://vuetifyjs.com/en/components/selects/)

---

<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 November 2023 15:02 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/218 "2023-11-14T15:02:10Z")

</div>

Ok, is there any alternative to adding a text node in front of each of my dropdowns?

---

<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:** [14 November 2023 15:13 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/219 "2023-11-14T15:13:03Z")

</div>

Currently - no.

I could look at adding a "layout" option to allow for the old option?

---

<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 November 2023 15:31 UTC](https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/220 "2023-11-14T15:31:06Z")

</div>

> [@joepavitt](#):
>
> I could look at adding a "layout" option

Probably others should decide how important this is. Perhaps I am unusual in wanting this.

I have another issue with the dropdown, it doesn't do well on small screens. On my phone (Chrome on Android), if I have a two unit wide dropdown there is only enough space for two characters in the text before it truncates. Viewed on the PC it will take 6 characters. The old dashboard manages at least 6 characters even on the phone. The new one appears to waste a lot of space around the box, with the border for example.

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

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