Hi all, I do not really like the look (or appearance) of the dashboard color picker. I just wondered if it is possible to make use of a horizontal color slider (hue slider) as shown below. [image] Thus, I can easily choose the colour and change saturation and brightness with additional sliders. I…

Not clue what you have tried. Very messy. May be that way it will be simpler ... [{"id":"bdc44b29.79d388","type":"ui_template","z":"ea1d3f40.afc6e","group":"20ae1040.3cf58","name":"color slider based on md-slider","order":1,"width":"6","height":"1","format":"<div id=\"{{'slider_'+$id}}\" class=\"c…

Is there really no way to implement this color slider... ?

I already had found this thread. However, I thought: Damn, this is complicated stuff! But I understood it's worth spending more effort on understanding the templeate node and html angular coding. Just to be sure that I am on the right way. All I need for my hue color slider can be achieved with the…

It is certainly a direction. You could alternatively also achieve this kinda thing with Vue or jQuery or other Frameworks in the freedom uibuilder provides but then you have to do it all without the aid dashboard provides. Let's just say you can achieve this using dashboard and template & you shoul…

Dear Steve, I have spend the last 2 days in performing research on what is possible with the template node, also checking ui builder etc. And what should I say, I am deeply impressed what can be achieved with CSS/angular/front-end-libraries and so on. In real life I do a lot of scientific programmi…

Where did you find that slider you showed? Is it in a library already?

There is web full of examples , not hard to modify to use with ui_template. But as the color picker usage is mainly targeted to light color adjustments, the color value alone is not enough. In my world, the disco is music. And the best color for mood is what sun gives. [{"id":"84256712.8baec8","t…

This is just a manipulated picture just to explain what I want to achieve.

hotNipi! This is genious. I would never have mastered that on my own, at least not in the next couple of weeks. Based on that I will try to additionally implement a slider. Thank you so much!!

Thank yo so much! Please, say, how may realise with you color picker additional slider for brightness, like in stock color picker? Is it possible?

Node-RED

Node-RED Forum

Horizontal color slider

Dashboard

Steve-Mcl 8 February 2021 09:45 3

Did you search the fourm?

e.g: How to create slider in dashboard template - #13 by bglnelissen

Topic		Replies	Views
How to create slider in dashboard template Dashboard	16	8614	2 April 2021
Ui_template md-slider help - workable, almost complete Dashboard	12	3004	8 January 2021
Dashboard Colour Wheel Dashboard	36	7273	11 May 2021
Light control button and slider Dashboard	12	4566	16 September 2020
Dashboard buttons easy colour state change? Dashboard	54	5976	3 December 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.

Horizontal color slider

Related topics