Hallo, ich bin noch ziemlich neu im Thema TabletUI und hoffe das mir jemand weiterhelfen kann.
(Falls es das Thema schon geben sollte sage ich schon mal sorry, ich habe aber nichts gefunden)
Meine Frage ist, wie kann man die "Label" Farbe verändern?
Ich habe folgenden Code...
div data-type="label" class="medium bold">xxx</div>
und möchte, dass das XXX in einer bestimmten Farbe geschrieben wird.
Eine Standardfarbe bekomme ich hin (hier Blau)
div data-type="label" class="medium bold blue">xxx</div>
Bei speziellen Farben scheitert es dann aber
div data-type="label" class="medium bold aquamarine">xxx</div>
(weiße Schrift)
Ich hoffe das man das irgendwie mit dem RGB oder HEX Code machen kann und wäre für jeden Tipp dankbar.
Danke
Gruß
Jippy
fixer Wert
data-color="#ffff55"
aus Reading
data-color="myDevice:myReading"
Wenn Du das (https://wiki.fhem.de/wiki/FHEM_Tablet_UI#Farben (https://wiki.fhem.de/wiki/FHEM_Tablet_UI#Farben) noch nicht gefunden hattest, darfst Du Dich auf viele weitere Entdeckungen freuen.
@setstate
Meintest du das so...
<div data-type="label" data-color="#ffff55" class="medium bold">xxx</div>
da ist die Schrfiftfarbe wieder weiß...
@Ulm32b
doch das hatte ich gelesen und ich hatte es auch schon so wie oben geschrieben probiert, klappt aber leider nicht...
Du willst ja eigentlich nicht die Farbe eines Labels ändern, sondern die Farbe des Textes, der innerhalb der div-tags steht?
--> Dann kannst Du ja auch normale HTML/CSS-Methoden verwenden
Wenn es um Texte geht, die wie bei labels normal aus FHEM kommen sollen, dann greift die Angabe von data-color wie von setstate schon beschrieben.
Ja ich möchte die Farbe des Textes ändern, der innerhalb des div-tags steht.
Sorry das es bei meiner Anfrage falsch rüber gekommen ist, ich dachte das wäre gleich wegen "data-type="label"". :-[
"--> Dann kannst Du ja auch normale HTML/CSS-Methoden verwenden"
sagt mir leider gar nichts...
Kannst du mir sagen wo ich da genaueres zu finde, möglichst mit Beispielen?
Text aus FHEM mit statischem Color-Attribute
<div data-type="label" data-device="ftuitest" data-color="#ffff55"></div>
Statischer Text mit Inline-Style Tag
<div style="color:#44ff55;">Ich bin ein fester Text</div>
@setstate - Du warst schneller ;)
Super vielen Dank, jetzt klappt es. :)
Noch ein schönes Rest-Wochenende