Hi, this may be a silly question but it's something I have struggled to do. I currently have this kind of thing in Dashboard 2.0: [image] As you can see it conditionally shows the colorpicker depending on whether it's a colour changing light. That works fine for me, and also I'm able to change the light colour using the colorpicker. But now I'd like to have it so that the colorpicker appears in some dialog / overly when I press a button, e.g. it might look like this: [image] Maybe this is just basic stuff using conditional CSS but can you suggest a way that's builtin to Vue so I can achieve that?

You can do dialogs now in dashboard 2. [image] Dashboard Updates: Dialogs, Customisable Application Icon, Histograms + More Dashboard [Dashboard 1.18.0 Blog Tile] Hi All, just wanted to make you aware of the new update for Dashboard. In particular, I think the new Group "type" property will be really useful/popular, as it makes it very easy to render content into a Dialog/Modal. Full Article: Dialogs, Customizable Icons and Histograms Now Available in FlowFuse Dashboard • FlowFuse Dialog Docs: Config: UI Group ui-group | Node-RED Dashboard 2.0

Dashboard

Steve-Mcl 10 November 2024 22:53 2

You can do dialogs now in dashboard 2.

Topic		Replies	Views
How to create a working round color picker (iro.js) in Node-RED Dashboard 2.0 Dashboard dashboard-2	5	255	7 June 2025
Dashboard2 ColorPicker Vuetify - Why the lack of <script> magic? Dashboard dashboard-2	4	108	17 July 2026
Dashboard colour picker text mode Dashboard	27	1275	12 February 2021
Replacement for Color-picker Dashboard dashboard-2	3	88	15 March 2026
Using color-picker in UI Template Dashboard	4	3345	27 January 2020

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

How to make colour picker appear with button?

Related topics