# Dashboard 2 Beta development
**URL:** https://discourse.nodered.org/t/dashboard-2-beta-development/83550
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [9 December 2023 10:57 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550 "2023-12-09T10:57:31Z")
**Posts on this page:** 20
**Page:** 6
### Author:  [@Buckskin](https://discourse.nodered.org/u/Buckskin)
#### Post date: [18 December 2023 22:15 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/101 "2023-12-18T22:15:20Z")
Yep, this is mine
As you can see, not good. Are yours in the order that they were created? That is the only reason for this that I can see at the moment.
Or, it may have something to do with the config data as the config ui\_page nodes do not have the correct groups or widgets. For example Page 01 has a chart widget, but according to the config it has a button. I have moved widgets about so it would appear that the configs are not keeping up.
---
### Author:  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [18 December 2023 23:14 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/102 "2023-12-18T23:14:52Z")
If you do a full deploy then refresh the browser, are your pages now sorted as per the config layout?
---
### Author:  [@Buckskin](https://discourse.nodered.org/u/Buckskin)
#### Post date: [18 December 2023 23:45 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/103 "2023-12-18T23:45:18Z")
Unfortunately no. I even restarted Node-RED. To show what I mean about the mix-up with the config nodes
This is what is on Page 05 in the Dashboard layout
This is what is in the config
The ui-template icon button is on Page 05 but CSS is on Page 01 and the rest are on Page 02
---
### Author:  [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [19 December 2023 07:35 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/104 "2023-12-19T07:35:08Z")
What version of the dashboard are you using?
Any errors in the browser developer console when viewing the dashboard?
Edit: probably worth trying a different browser if you can.
---
### Author:  [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [19 December 2023 10:55 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/105 "2023-12-19T10:55:14Z")
I don't understand the second image there. It appears to be two images. The bottom two icons are not aligned with the earlier, and there are two scroll bars. I also don't understand where you are seeing that.
---
### Author:  [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [19 December 2023 12:25 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/106 "2023-12-19T12:25:40Z")
> [@bakman2](#):
>
> Is it me or is the whole "theme" thing not working correctly yet ? Whatever I change in the theme, nothing changes. Deleting a theme, making a new one, it works for the initial setup, after that, no changes.
Can I get you and @diegodamaceno to open issues on the GH repo with the specifics of this please?
---
### Author:  [@diegodamaceno](https://discourse.nodered.org/u/diegodamaceno)
#### Post date: [19 December 2023 12:35 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/107 "2023-12-19T12:35:02Z")
You can count on me. I confess that the variations in the possibility that problems occur are not consistent. Sometimes they happen and sometimes they don't.. I have more work to create the conditions than to document what happens. In the YouTube presentation video you made, the changes don't work and it doesn't make sense. I will continue observing and when I find the causative variation, I will report it. Do you have any idea when the new update will come out with new adjustments?
---
### Author:  [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [19 December 2023 13:00 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/108 "2023-12-19T13:00:41Z")
> [@diegodamaceno](#):
>
> Do you have any idea when the new update will come out with new adjustments?
Which particular adjustments are you referring to?
---
### Author:  [@diegodamaceno](https://discourse.nodered.org/u/diegodamaceno)
#### Post date: [19 December 2023 14:01 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/109 "2023-12-19T14:01:31Z")
First I want to congratulate the work that has been done, this will certainly help us a lot in general. I don't intend to demand or expect the things I've suggested to be implemented, but it certainly makes a big difference to my work. I'm going to list some things I hope for my work to flow properly.
1 - Multiple outputs on the node configured as on the function node.
2 - The option to restrict the direct passage of messages from input to output when I need it or not.
3 - Have the option to reload or not the state values of components developed within the node on page updates.
These few resources already make a big difference for those who develop here. Thank you again for the time invested.
---
### Author:  [@Buckskin](https://discourse.nodered.org/u/Buckskin)
#### Post date: [19 December 2023 16:47 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/110 "2023-12-19T16:47:00Z")
There are two images, as I could not get the complete menu in one Snip. Seen from clicking on the ui\_group configuration node. However, as of this evening all configuration nodes have the correct widgets. (Possibly as a result of shutting down the Browser & PC last night) The Dashboard dropdown menu is also different, but still not in the correct order.
No errors in browser developer console
Browser is Edge
NR is v3.1.3
Dashboard 2 is v0.10.1
---
### Author:  [@Buckskin](https://discourse.nodered.org/u/Buckskin)
#### Post date: [19 December 2023 18:30 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/111 "2023-12-19T18:30:31Z")
I have had great fun playing with @diegodamaceno 's button with the slider and I have found the cause of the 'thumb' not changing colour.
Somewhere in the Dashboard 2 CSS
`.v-slider-track __background, .v-slider-track__ fill, .v-slider-track __tick, .v-slider-thumb__ surface`
has been set to
` background-color: rgb(var(--v-theme-primary));`
which overrides the `v_slider` attribute `thumb-color`(which has already mentioned by @hotNipi as being the way this is supposed to work)
The way round this is to have a CSS class .
```auto
.v-slider-thumb__surface{
background-color: currentColor;
}
```
The 'thumb' then takes on the `color` specified in the `v_slider` HTML element (the `color` attribute was noted by @Steve-Mcl). (this should be able to be changed for any other colour, not tried)
---
### Author:  [@diegodamaceno](https://discourse.nodered.org/u/diegodamaceno)
#### Post date: [19 December 2023 18:42 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/112 "2023-12-19T18:42:15Z")
@hotNipi @Buckskin
Perfect observation, but these very personal attitudes should not replace universal concepts. I believe this will cause a lot of problems. Discovering that specific CSS modifications must be bypassed to achieve a concept that is universal is strange, isn't it?
---
### Author:  [@Buckskin](https://discourse.nodered.org/u/Buckskin)
#### Post date: [19 December 2023 20:30 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/113 "2023-12-19T20:30:38Z")
Certainly, but then Dashboard 1 has similar requirements. I imagine that this was done to make it easy for newcomers to Dashboard.
@joepavitt what would be the impact of removing this CSS class?
```auto
.v-slider-track __background,.v-slider-track__ fill,.v-slider-track __tick,.v-slider-thumb__ surface {
background-color: rgb(var(--v-theme-primary))
}
```
---
### Author:  [@diegodamaceno](https://discourse.nodered.org/u/diegodamaceno)
#### Post date: [19 December 2023 20:49 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/114 "2023-12-19T20:49:41Z")
Perhaps a good idea would be to have the option of not choosing any theme and thus eliminating anything very personal applied by those themes. I myself have never used node-red themes.. What do you think of the idea? @joepavitt
---
### Author:  [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)
#### Post date: [19 December 2023 21:20 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/115 "2023-12-19T21:20:34Z")
> [@diegodamaceno](#):
>
> Perhaps a good idea would be to have the option of not choosing any theme and thus eliminating anything very personal applied by those themes
Doesn't it default to the... **default** theme? so unless you wish to add a theme, just leave it as 'default'.
Perhaps it would be a good idea to make the 'default' theme un-editable, so users would need to create a new theme to try styling, and if they then get into trouble then they can always revert back to 'default'.
> [@diegodamaceno](#):
>
> I myself have never used node-red themes..
You should try it, it is great to coordinate a colour scheme, and improve the appearance of your dashboards.
---
### Author:  [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [20 December 2023 09:48 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/116 "2023-12-20T09:48:05Z")
> [@diegodamaceno](#):
>
> I myself have never used node-red themes..
It's worth nothing, these are not Node-RED themes, but a new "Dashboard Theme" concept driven by `ui-theme` config nodes.
> [@diegodamaceno](#):
>
> thus eliminating anything very personal applied by those themes
The default Dashboard Theme here just defines the white/blue theme. May change the default colours in the near future, but that's all that does at the moment. I also want to extend `ui-theme` to support the definition of padding/margin, as that has come up a lot in the forums and in feedback.
---
### Author:  [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [20 December 2023 09:49 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/117 "2023-12-20T09:49:20Z")
> [@Buckskin](#):
>
> what would be the impact of removing this CSS class?
I put that in, as to _me_ it made more sense that the thumb, etc. was driven by the `primary` colour (to match buttons) rather than the `screen` colour that Vuetify provides me out of the box.
If I removed that line, the thumbs would then be the same colour as the header navigation - which didn't make sense to me.
---
### Author:  [@diegodamaceno](https://discourse.nodered.org/u/diegodamaceno)
#### Post date: [20 December 2023 11:55 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/118 "2023-12-20T11:55:53Z")
Here at the company, as well as in other automation companies, we do not use absolutely anything offered by node-red as a theme or any other visual configuration precisely to ensure that nothing is the same as another company.
We use a template node to configure the entire front end and handle client requests.
.
.
.
```auto
```
I still can't do this or the examples I got just don't work. I don't know why or where I'm going wrong.
---
### Author:  [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)
#### Post date: [20 December 2023 16:17 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/119 "2023-12-20T16:17:52Z")
I can't progress much further now with my energy & weather dashboards, until there are better chart configuration options, such as using 2 y-axis, better labelling, value suffix's (degC, mph etc), line thickness, line styles, etc.
@joepavitt - Does this fit into - [Dashboard Backlog · GitHub](https://github.com/orgs/FlowFuse/projects/15?pane=issue&itemId=32022297)
I'm not piling on the pressure 😉 I just want to make sure that it's on the list to do, and not forgotten.
---
### Author:  [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [20 December 2023 16:29 UTC](https://discourse.nodered.org/t/dashboard-2-beta-development/83550/120 "2023-12-20T16:29:15Z")
All warrant their own issues @Paul-Reed - please do the honours, if you want already find an issue for each of them. I'm locked into some product stuff atm, so not able to do much Dashboard work.
[Previous page](https://discourse.nodered.org/t/dashboard-2-beta-development/83550.md?page=5)
[Next page](https://discourse.nodered.org/t/dashboard-2-beta-development/83550.md?page=7)