# Dashboard 2.0 is now Generally Available

**URL:** https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [25 January 2024 16:59 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913 "2024-01-25T16:59:41Z")
**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: [25 January 2024 16:59 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/1 "2024-01-25T16:59:41Z")

</div>

Hi All, I'm very pleased to announce that we've just hit a big milestone with the development effort on Node-RED Dashboard 2.0 - we've just released our first major version - `v1.0.0`:

 ![tile-dashboard-2-ga](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/4/04624db0caf0989d3b39f54628892d248c00dd6a.jpeg)

You can read more about it here: [Node-RED Dashboard 2.0 is Generally Available! • FlowFuse](https://flowfuse.com/blog/2024/01/dashboard-2-ga/)

---

<div class="post-metadata">

### Author: ![gerry](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gerry/32/21604_2.png) [@gerry](https://discourse.nodered.org/u/gerry)
#### Post date: [25 January 2024 18:27 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/2 "2024-01-25T18:27:45Z")

</div>

I have only followed this peripherally till now, will my old dashboard import or am I looking at a total do-over?

---

<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: [25 January 2024 18:46 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/3 "2024-01-25T18:46:18Z")

</div>

Do-over unfortunately. Completely new architecture under the covers.

I do have a plan for a migration script to automate _some of it_ but it's not going to be a 100% automatic process.

I do have a very detailed migration guide too which covers the (currently) covered features: [Dashboard 1.0 Migration Guide | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/user/migration.html)

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [25 January 2024 18:52 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/4 "2024-01-25T18:52:56Z")

</div>

> [@gerry](#):
>
> total do-over

Total do better. Cos it is possible and you can!

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [25 January 2024 18:56 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/5 "2024-01-25T18:56:13Z")

</div>

Luckily you can run both at the same time - albeit separate endpoints/pages - so you can keep some old pages while you migrate over.

---

<div class="post-metadata">

### Author: ![tonymacdonald](https://avatars.discourse-cdn.com/v4/letter/t/77aa72/32.png) [@tonymacdonald](https://discourse.nodered.org/u/tonymacdonald)
#### Post date: [25 January 2024 19:14 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/6 "2024-01-25T19:14:38Z")

</div>

This is awesome!  
I really appreciate your effort and your responsiveness in getting issues and new features turned around. Thanks!

---

<div class="post-metadata">

### Author: ![gerry](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gerry/32/21604_2.png) [@gerry](https://discourse.nodered.org/u/gerry)
#### Post date: [26 January 2024 04:24 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/7 "2024-01-26T04:24:13Z")

</div>

Took my spare pi loaded up bookworm and node red and node20, copied over one existing flow and ta da!!! nothing, sigh, read the docs and I'm committed to migrating but this looks like a huge hill.

---

<div class="post-metadata">

### Author: ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)
#### Post date: [26 January 2024 04:52 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/8 "2024-01-26T04:52:25Z")

</div>

Can I use `state-trail` in dashboard-2 ? I am using this extensively in current dashboard.

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

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [26 January 2024 06:13 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/9 "2024-01-26T06:13:50Z")

</div>

No. And that's the sad case of course. I'm kind of feel a little pressure to migrate some of my more popular widgets to DB2 but yeah, it takes quite of resources to invest.

---

<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: [26 January 2024 06:37 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/10 "2024-01-26T06:37:34Z")

</div>

Morning @hotNipi,  
Yes indeed same feeling here...

The only positive thing is that the new ui nodes will be better, because @joepavitt has worked tremendously hard to provide us a better framework. But of course that means you have to rethink your entire design: no last msg replay, server side state, ...

During the christmas holidays I started (with some help from Joe) migrating my node-red-contrib-ui-heatmap node. And yes it needs to be developed completely from scratch. I think it is about 80% finished, but I had to put it temporarily aside due to less of free time unfortunately. I have even no idea when to start with my other ui nodes.

And for those who will be wondering - whenever I find time to migrate my ui nodes (svg, babylonjs, multistate switch, ...) if they can simply replace their old ui nodes by the new ones in their flows. The answer will be: no. Even if I would have plenty of free time, there is lots of functionality that sneaked in based on feature requests from users, but which turned to be a bad idea afterwards. So I would never add those features again in their current state. Moreover by reading tons of feedback about problems that users e.g. had in the past with the lack of a server side state, I would surely do things differently this time based on the ideas that they shared...

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [26 January 2024 07:06 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/11 "2024-01-26T07:06:39Z")

</div>

Statistics are the biggest lie, however --\> [ui stuff sorted by download counter](https://flows.nodered.org/search?term=-contrib-ui-&type=node&sort=downloads)

---

<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: [26 January 2024 07:35 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/12 "2024-01-26T07:35:05Z")

</div>

As I offered to @BartButenaers, I will also offer the same to @hotNipi - I'll happily help pair program on calls, make improvments to contribution guides, even get started on the dev effort myself to get initial framework/structure setup for you all.

Appreciate its a big, intimidating hill, and want to do all I can to help.

---

<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: [26 January 2024 07:36 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/13 "2024-01-26T07:36:17Z")

</div>

If your flows included original Node-RED Dashboard nodes, you will still need the original Dashboard installed.

Node-RED Dashboard 2.0 is an entirely new package.

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [26 January 2024 08:51 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/14 "2024-01-26T08:51:21Z")

</div>

> [@Dashboard 2 Beta development](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/167):
>
> Now if only these massive line-heights/padding/height could also be adjusted that would be nice

I tried a bit. Kind of something can be done. It takes time to try it out for all possible widgets but I tried with some.

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

For group add the class

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/7/a751956472fcfd25c84515aed438a05a64cdd82e.png)

and that bit of CSS override for page:

```auto
.condenced-layout{
    --layout-gap:0px;  
    --widget-row-height:24px;  
}
.condenced-layout .v-card-text .nrdb-ui-widget{
    padding-inline:.5em;
    align-items: center;
}
.condenced-layout .v-btn.v-btn--density-default{
    height: fit-content;
}
.condenced-layout .v-input--density-default {
    --v-input-control-height: 26px;
    --v-input-padding-top: 8px;
}

```

---

<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: [26 January 2024 09:18 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/15 "2024-01-26T09:18:54Z")

</div>

Okay if I steal this and put it into [UI Template Examples | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/user/template-examples.html#custom-styling)?

---

<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: [26 January 2024 09:24 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/16 "2024-01-26T09:24:13Z")

</div>

> [@hotNipi](#):
>
> No. And that's the sad case of course. I'm kind of feel a little pressure to migrate some of my more popular widgets to DB2 but yeah, it takes quite of resources to invest.

Maybe consider migrating to HTML standard web components that could be used in DB1, DB2, UIBUILDER, http-in/-out, ....... ?

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [26 January 2024 09:26 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/17 "2024-01-26T09:26:13Z")

</div>

Absolutely. It maybe should be explained a bit in detail what it does so the one can improve it more easily if needed.

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [26 January 2024 09:35 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/18 "2024-01-26T09:35:20Z")

</div>

> [@TotallyInformation](#):
>
> web components

That was my wish for the db2 solution but there's no Santa.

But true. If it will be one for all, the Earth will be happy. Think about the energy savings....

---

<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: [26 January 2024 09:45 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/19 "2024-01-26T09:45:19Z")

</div>

> [@hotNipi](#):
>
> That was my wish for the db2 solution but there's no Santa.

Indeed. But the use of VueJS does not preclude writing components in standard HTML that can be consumed in multiple places.

---

<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: [26 January 2024 10:24 UTC](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913/20 "2024-01-26T10:24:08Z")

</div>

Great work, thanks @joepavitt

I think the only things now stopping me moving over to using D2 in 'production' are the missing feature that allows [Switches to show the state of the Input (#210)](https://github.com/FlowFuse/node-red-dashboard/issues/210) and the fact that when a dropdown is clicked on Android that it [pops up the keyboard on top of the dropdown list (#331)](https://github.com/FlowFuse/node-red-dashboard/issues/331) and finally, again on Android, the fact that [pages left in the background do not update to current values when the page is accessed again (#444)](https://github.com/FlowFuse/node-red-dashboard/issues/444), which is a serious issue. I wonder whether the same issue is seen on PC browsers if the tab (or PC) is suspended, I will test that.

**[Edit]** Having tested, if the PC is suspended and changes are made to, for example, Switch positions, then when the PC is resumed the dashboard does not show those changes, I suspect the same will happen if the browser suspends a tab. I think this is a pretty serious issue.

[Next page](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913.md?page=2)
