Verwendung von Material Icons in div

Begonnen von Bastian0302, 29 März 2017, 19:32:54

Vorheriges Thema - Nächstes Thema

Bastian0302

Guten Abend,
ich versuche seit geraumer Zeit die Material Icons zu verwenden.

habe folgendes eingefügt:
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 

und die verwendung in:
<div data-type="switch"  data-device="Bad_Licht1"  data-get-on="on" data-get-off="off" data-fhem-cmd='{Licht_Schalter("Bad_Licht1")};;{fhem("set Auto_L_B off")}'  data-on-color="#F7FE2E"> <i class="material-icons">lightbulb_outline</i></div>

Beim Laden der Seite sieht man ganz kurz das Symbol sehen, welches hinter dem switch zu sein scheint.

die Verwendung von:
data-icon="mi-lightbulb_outline"
in dem div hat gar keine Auswirkung.

laut https://wiki.fhem.de/wiki/FHEM_Tablet_UI soll man das ja eigtl so machen.

Kann mir jemand Helfen die Icons zum Laufen zu kriegen.

Riesiges Dankeschön im Voraus.
Raspbarry Pi 3, Panstamp NRG 2, Cul 433Mhz Sender/Empfänger, Mcp23017 Ein/Ausgabebaugruppe, TabletUi, Doorpi mit Nextion/RFID und Integration in Fhem, Sonos

drhirn

Welche FTUI Version?

In neueren brauchst du die Material Icons nicht mehr extra einzubinden.

Funktioniert wunderbar:

<div data-type="switch"
        data-device="dummy1"       
        data-icon="mi-lightbulb_outline"></div>


data-get-on und data-get-off brauchst du in dem Fall nicht. Die sind eh standardmäßig "on" und "off".
       

Bastian0302

Vielen Dank.
Ich hab mich heute mit dem Update beschäftigt und nach anderen Problemen hat es dann endlich funktioniert.
nach dem Update hat mein Code funktioniert. :)
Raspbarry Pi 3, Panstamp NRG 2, Cul 433Mhz Sender/Empfänger, Mcp23017 Ein/Ausgabebaugruppe, TabletUi, Doorpi mit Nextion/RFID und Integration in Fhem, Sonos