Ideen gesucht für Slider zum Einstellen der Lichtfarbe (warmweiß bis kaltblau)

[Jackie]

Hallo,

ich verwende das Tablet-Element "Dimmer" um meine Dimmbaren Schlafzimmerlampen von Ikea zu steuern. Allerdings fehlt mir jetzt noch ein Control, um die Farbtemperatur (ct) der Lampen einzustellen. Was funktioniert ist per Slider, es sieht aber nicht sonderlich toll aus:

Code Auswählen Erweitern


<div class="cell">                                                                                                           
                                         <div data-type="slider" data-device="HUEDevice4"                                                                                   
                                         data-tickstep="1"
                                         data-get="ctclean"
                                    data-set="ct"
                                    data-min="250"
                                    data-max="454"
                                         data-lock="HUEDevice4:onoff"
                                         data-lock-on="0"
                                         data-lock-off="!0"
                                         class="horizontal"                                   
                                         </div>
                                         <div data-type="label" class="top-narrow-3x">Test</div>                                                                                                           
                             
                        </div>


Frage: kann ich die Farbe des Scrollbalkens so einstellen, dass ein Farbübergang von blauweiß zu orange entsteht, so dass klar ist, was hier eingestellt werden soll? Ich habe leider bisher noch kein wirklich gutes Control gesehen zum Einstellen der Farbtemperatur (bei voll-RGB gibt's ja deutlich mehr...), habt ihr da eine Idee?

Danke!

[yersinia]

Müsste das nicht mit data-colors bzw data-background-colors gehen?
https://wiki.fhem.de/wiki/FTUI_Widget_Slider#Steuer-Attribute

[Jackie]

Müsste das nicht mit data-colors bzw data-background-colors gehen?
https://wiki.fhem.de/wiki/FTUI_Widget_Slider#Steuer-Attribute

Naja, damit kann ich zwei Farben einstellen: die Farbe links vom Sliderknopf und die Rechts davon, keinen Farbverlauf. Oder habe ich den Vorschlag falsch verstanden?

[yersinia]

Nein, korrekt verstanden imho.

data-color    Farbe des Sliders für den Bereich 0...<eingestellter Wert>
data-background-color    Farbe des Sliders für den Bereich <eingestellter Wert>...<Maximaler Wert>

Aber ggf kannst du scale dafür missbrauchen, es gibt ja im Wiki auch ein Beispiel:
https://wiki.fhem.de/wiki/FTUI_Widget_Slider#Retro-Schieberegler_mit_Skala_und_rechteckigem_Riffelknopf