Ich versuche gerade das progress Widget dazu zu bewegen das Kreissegment in einer Farbe anzuzeigen, die im css definiert ist.
css Farbangaben
.progress.value {color:#FAF0E6 !important;} /* Linen */
.progress_valve {color:#FFA500;} /* Orange */
.progress_back {color:#FAF0E6;} /* Linen */
auf der HTML Seite
<div data-type="progress" data-device="Thermostat" data-get="valveposition" data-progress-width="100" data-off-background-color="progress_back" data-on-color="progress_valve"></div>
Der Kreis (progress_back als data-off-background-color) und die Beschriftung (.progress.value) werden korrekt in Linen dargestellt, das Kreissegment bleibt schwarz. Gebe ich als data-on-color direkt den Wert "orange" an, wird das Kreissegment Orange.
Hat jemand eine Erklärung dafür ?
Hallo,
eine Erklärung habe ich nicht, aber das gleiche (falsche?) Verhalten vom progress widget beobachtet. Es scheint, dass im .css selbst definierte Farb-Namen nicht akzeptiert werden, wohl aber die standardmäßig in html vorhandenen. Ich behelfe mir so, dass ich beim progress widget direkt den hex code eingebe; das funktioniert.
Robert
Man muss in der css Datei progress.value und progress.on umdefinieren mit der eigenen Farbangabe, das funktioniert. Allerdings haben dann alle Progress Widgets die gleichen Farben.