Hallo,
bin nicht sicher ob´s am letzten update liegt, aber ich kann Symbole nicht einfärben - bei mir sind die alle immer grau. Beispiel: <div data-type="symbol"
data-device="MuellterminDummy"
data-get="GrueneTonne"
data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
data-on-colors='["green","green"]'
data-get-on='["0","2"]'
data-background-icon="fa-circle"
class="bigger inline" >
</div> ich hätte jetzt eine grüne Tonne auf einem grauen Kreis erwartet wie auch http://www.blog-gedanken.de/wp-content/uploads/2015/05/ftui_01.jpg zu sehen ist. Defakto sieht man aber nur einen grauen Kreis (weil grau auf grau), und wenn man den data-background nicht definiert sieht man eine drehende graue Tonne - Denkfehler?!?
MuellterminDummy:GrueneTonne ist nicht gesetzt, oder hat einen nicht in data-get-on definierten Wert, richtig?
Für den Fall könntest du data-off-color anders als data-off-background-color definieren und ein default Icon in data-icon angeben.
MuellterminDummy ist schon definiert aber da data-get-on leer ist hast du schon recht. Wenn ich das rausnehme und z.B. so definiere <div data-type="symbol"
data-device="MuellterminDummy"
data-get="GelbeTonne"
data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
data-off-color="Yellow"
data-background-icon="fa-circle"
class="bigger inline" >
</div> erscheint auch die gewünschte Farbe. Hatte mich halt "sklavisch" an diesen Blog gehalten: http://www.blog-gedanken.de/smarthome-2/smarthome-mit-fhem-umsetzung-meines-abfallkalenders/ (http://www.blog-gedanken.de/smarthome-2/smarthome-mit-fhem-umsetzung-meines-abfallkalenders/) aber da scheint noch was beim parsen der Event´s zu klemmen und daher liefert data-get-on leider nix :-(
Also jetzt ist's wirklich rundrum falsch ;) Ohne data-get-on zeigt das symbol immer nur den Off-Zustand an. Der ist zwar jetzt schön gelb, wird sich aber niemals ändern. Andererseits macht das data-icons-Array überhaupt keinen Sinn, wenn data-get-on nicht auch ein Array ist. Schau da mal lieber nochmal in die Doku.
Das ursprüngliche war schon richtig, aber das Reading GrueneTonne hat bei dir nicht dazu gepasst. Es war entweder negativ (unwahrscheinlich) oder es war noch nicht gesetzt.
So geht es
<div data-type="symbol"
data-device="dummy1"
data-get="GrueneTonne"
data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
data-on-colors='["green","green"]'
data-get-on='["0","2"]'
data-background-icon="fa-circle-thin"
data-on-background-colors='["#505050","#505050"]'
class="bigger inline" >
</div>
danke an setstate als als auch nesges - hab´s nun hinbekommen.
Bei mir sieht der Code nun so aus, durch die updates des Tablet UI schleichen sich leider immer wieder Fehler ein. Aktuell funktioniert die Farbe noch immer nicht. Seit dem letzten Update ist aber immerhin das Symbol wieder da.
<div class="cell inline">
<div data-type="symbol"
data-device="Abholung_BSR"
data-get="Kalender_BSR_AbholungHausmuell_days"
data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
data-on-colors='["black","black"]'
data-get-on='["0","2"]'
data-background-icon="fa-circle"
data-background-color="#4c5d6f"
class="large newline" >
</div>
Hallo skydns,
schau dir mal dein Attribut data-background-color an und vergleich es mit dem Beispiel von setstate.
VG, Thomas
Ich konnte seit dem letzten update die Symbole auch nicht mehr einfärben.
Liegt wohl an dem
data-on-colors='["black","black"]'
Lass mal das on weg, also so:
data-colors='["black","black"]'
So hat es bei mir funktioniert.
Problem gelöst:
Es fehlte bei mir noch die Angabe
data-off-color="black"
Alles in allem sieht es nun bei mir so aus:
<div class="cell inline">
<div data-type="symbol"
data-device="Abholung_BSR"
data-get="Kalender_BSR_AbholungHausmuell_days"
data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
data-on-colors='["#e8f1f8","#e8f1f8"]'
data-off-color="#e8f1f8"
data-get-on='["0","2"]'
data-background-icon="fa-circle"
data-background-color="#394241"
class="large newline" >
</div>
<div style="font-size:90%;" data-type="label"
data-device="Abholung_BSR"
data-get="next_weekday"
class="newline">
</div>
<div style="font-size:90%;" data-type="label"
data-device="Abholung_BSR"
data-get="next_date"
class="newline">
</div>
</div>
Das funktioniert bei mir. Ist zwar schon lange her das ich hier mein Problem geschildert habe, ich will meine Lösung aber keinem vorenthalten.
Gruß Marco
Zitat von: skydns am 25 September 2018, 19:50:52
Problem gelöst:
Es fehlte bei mir noch die Angabe
data-off-color="black"
Alles in allem sieht es nun bei mir so aus:
[...]
Das funktioniert bei mir. Ist zwar schon lange her das ich hier mein Problem geschildert habe, ich will meine Lösung aber keinem vorenthalten.
Gruß Marco
Moin, danke fürs posten. Stand seit irgend einem Update vor einem ähnlichen Problem. Es wurden alle Farben richtig angezeigt, nur gelb hat er nicht angenommen. Wenn ich grün eingetragen habe, ging es, aber gelb nicht. War am verzweifeln.
Mit deinem code geht gelb wieder (durch das data-off-color). Allerdings scheint bei mir das data-on-colors keine Funktion mehr zu haben mit data-off-color.
Ich hatte es vorher so:
Nicht fällig: Gelber Hintergrund mit standard Symbol Farbe.
Fällig: Ohne Hintergrund, gelbes Symbol.
Mit data-off-color ist es aber immer die Farbe, die dort eingetragen ist.
Vorher hatte ich es so und das hat mit jeder Farbe funktioniert, nur nicht mit Gelb. ??? (Siehe Bild unten, das grau sollte Gelb sein)
<div data-type="symbol"
data-device="Trash"
data-get="GelberSack14tgl_days"
data-icons='["fa-trash warn blink bigger","fa-trash warn"]'
data-on-colors='["yellow","white"]'
data-get-on='["0","2"]'
data-background-icons='["-","yellow fa-circle"]'
class="small inline">
</div>
So schaut es derzeit aus, würde es aber gerne wie oben beschrieben haben.
<div data-type="symbol"
data-device="Trash"
data-get="GelberSack14tgl_days"
data-icons='["fs-bag warn fa-spin bigger","fs-bag warn"]'
data-on-colors='["#F3E03B","#000000"]'
data-off-color="#000000"
data-get-on='["0","2"]'
data-background-icons='["yellow fa-circle","yellow fa-circle"]'
class="small inline">
</div>
Jemand eine Idee??
Die beiden Zeilen müsstest Du im oberen Code ändern, dann sollte es gehen:
data-colors='["yellow","white"]'
data-states='["0","2"]'
Zitat von: sinus61 am 02 Januar 2019, 16:58:46
Die beiden Zeilen müsstest Du im oberen Code ändern, dann sollte es gehen:
data-colors='["yellow","white"]'
data-states='["0","2"]'
Funktioniert leider auch nicht, er ändert es nicht zu gelb.
Habe es aber anders gelöst bekommen, leicht umgangen würde ich sagen.
<div data-type="symbol"
data-device="Trash"
data-get="GelberSack14tgl_days"
data-icons='["warn fs-bag big blink","warn"]'
data-off-color="#000000"
data-get-on='["0","2"]'
data-background-icons='["yellow fa-circle blink","yellow fs-bag"]'
class="small inline">
</div>
wenn es nicht fällig ist, lasse ich das trash Symbol als Hintergrundsymbol allein anzeigen. Sobald es fällig ist, kommt ein Kreis als Hintergrund und das trash Symbol mit der angegebenen data-off-color Farbe.