FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: HB86 am 19 September 2016, 20:41:03

Titel: Switch/push/button hintergrund immer transparent .. wie?
Beitrag von: HB86 am 19 September 2016, 20:41:03
Hallo,

wie krieg ich das hin, dass der Hintergrund der Buttons, Push usw. immer transparent ist ohne das bei jedem Element einzeln einzustellen?

Habe in die user css schon folgendes eingefügt:


.symbol.on{color:#aa6900;background-color:#transparent;}
.symbol.off{color:#2A2A2A;background-color:#transparent;}
.switch.on{color:#aa6900;background-color:#transparent;}
.switch.off{color:#2A2A2A;background-color:#transparent;}
.link{color:#aa6900;}


Leider funktioniert das so nicht.
Jemand ne Idee?
Titel: Antw:Switch/push/button hintergrund immer transparent .. wie?
Beitrag von: Tobias am 19 September 2016, 21:25:51
ich habe es so:
data-background-icon="-"
Titel: Antw:Switch/push/button hintergrund immer transparent .. wie?
Beitrag von: HB86 am 19 September 2016, 21:28:13
Wäre auch ne variante, ich wollt das aber bisschen "eleganter" lösen und das nicht bei jedem Element einzeln eingeben.

Zudem müsste ich dann auch bei jedem Element data-on-color und data-off-color seperat einstellen.
Titel: Antw:Switch/push/button hintergrund immer transparent .. wie?
Beitrag von: setstate am 20 September 2016, 06:51:54
dafür müsste sowas in das User CSS


i#bg {
    color: transparent !important;
}
Titel: Antw:Switch/push/button hintergrund immer transparent .. wie?
Beitrag von: HB86 am 20 September 2016, 09:39:37
Danke .. das funktioniert!

Aber wie stelle ich die data-on-color und data-off-color global ein?

Titel: Antw:Switch/push/button hintergrund immer transparent .. wie?
Beitrag von: setstate am 20 September 2016, 09:50:26
So wie in deinem ersten Post, in den pseudo classes ändern. Die werden beim Initialisieren der Widgets ausgelesen. Nur "#transparent" gibt es nicht, nur "transparent"
Titel: Antw:Switch/push/button hintergrund immer transparent .. wie?
Beitrag von: HB86 am 20 September 2016, 10:05:54
so hab ich das jetzt in der user css stehen:


.symbol.on{color:#aa6900;background-color:transparent;}
.symbol.off{color:#d1d1d1;background-color:transparent;}
.switch.on{color:#aa6900;background-color:transparent;}
.switch.off{color:#d1d1d1;background-color:transparent;}
.link{color:#aa6900;}


Nur leider funktioniert das nicht!
Jemand ne Idee?