New widgets: heater(switch/slider) and light with colorpicker

ReneTode · September 15, 2017, 2:58pm

the latest 2 new widgets are now on my github.

this is all that is there untill now

@thundergreen it might not be the most beautifull colorpicker, but it should work on most platforms.

thundergreen · September 18, 2017, 3:06pm

could u please make a screeny from color picker?

ReneTode · September 18, 2017, 3:37pm

it is realy platform dependant.
on the pc it looks like this:

at least on my windows 10 pc with chrome.

but on the tablet it looks completely different and takes 2 steps. on my old tablet anyway.

and as you see it takes the installed language from the OS

thundergreen · September 18, 2017, 4:00pm

wow !! taht’s great man! I will try this out Thanks for your efforts here for this project and the community

aage21 · November 25, 2018, 4:27pm

I’m really new to all this. Could you direct me to how i could use this color selector on my dashboard?

Thanks

ReneTode · November 25, 2018, 4:30pm

its all in the readme.

github.com

ReneTode/My-AppDaemon/blob/master/custom_widgets/readme.md

## these are custom widgets for HADashboard

![Alt text](custom_widgets_new3.jpg)

### these widgets are for Appdaemon version 2.1.12
### Appdaemon version 3.0b has some of these widgets included. (radial, temperature, vertical_slider (called input_number) and input_select)

place the files in the directory /conf/custom_widgets

important! you need to use my custom skin waterdrops (to be found in custom css) or edit variables.yaml in your own skin or the default skin.   
the lines to add to the variables.yaml can be found on this github in custom_css/default/variables.yaml

to activate the temperature and radial widgets you need to download canvas gauges that can be found here:
https://github.com/Mikhus/canvas-gauges
install that in the directory conf/custom_css/gauge
in the variables.yaml from my waterdropsskill are the lines that point to that lib.
if you want to use them in your own skin then create these 2 lines:
```
 - <script src="/custom_css/gauge/gauge.min.js"></script>
 - <link rel="stylesheet" href="/custom_css/gauge/fonts/fonts.css">

This file has been truncated. show original

aage21 · November 25, 2018, 4:35pm

Oh… I see now, not sure how I missed that.

thanks again