Hallo zusammen,
ich habe gestern mit dem Erstellen meiner ersten FTUI-Seite so richtig losgelegt und bin dabei über folgendes gestolpert:
Beim Verwenden z.B. des Icons "ftui-door" gibts keine Probleme. Dann wollte ich das Batterie-Icon "fa-battery-full" verwenden, jedoch wird nichts angezeigt! Habe dann mal ein paar andere probiert, aber keines funktioniert!
Was mache ich falsch? Oder muss ich die Icons vorher runterladen und irgendwo ablegen? Das stand so dann aber nicht m Fhemwiki. Wenn ja, wie lade ich sie runter und wo müssen sie hin?
Besten Dank und viele Grüße
Michael
Hast du diese Zeile:
<link rel="stylesheet" href="lib/font-awesome.min.css" />
im <head>-Tag deiner index.html?
Nimm doch eine (oder mehrere) der Beispiel Dateien (html) die dabei sind zur Hand... Baue diese um oder vergleiche sie mit deinen Dateien^^
Zitat von: roman1528 am 13 Mai 2016, 10:00:36
Hast du diese Zeile:
<link rel="stylesheet" href="lib/font-awesome.min.css" />
im <head>-Tag deiner index.html?
Nimm doch eine (oder mehrere) der Beispiel Dateien (html) die dabei sind zur Hand... Baue diese um oder vergleiche sie mit deinen Dateien^^
Das ist eine gute Frage, schaue ich später direkt nach! Ich habe auf der index.example.html aufgebaut und im header noch nicht wirklich viel angepasst, außer dem hier:
[/<link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.css" />code]
Zitat von: Michi240281 am 13 Mai 2016, 11:41:17
Das ist eine gute Frage, schaue ich später direkt nach! Ich habe auf der index.example.html aufgebaut und im header noch nicht wirklich viel angepasst, außer dem hier:
[/<link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.css" />code]
dann sollte es eigentlich gehen^^
Ok! Tuts aber nicht! Oder muss ich die Icons erst noch alle ins FHEM-Verzeichnis laden? Habe mal irgendwo was von nem Update-Befehl speziell für die Icons gelesen. Aber das ist vllt schon veraltet!
Bai Dir kann auch die Zeile
Zitat<link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
im <head>helfen.. Dazu gehört dann auch, dass der Pfad mit der Wirklichkeit überein stimmt. Also: KONTROLLIEREN und notfalls mal die Datei 'font-awesome.min.css' SUCHEN und den Pfad anpassen. Deshalb hat roman1528 auch Recht. Bei ihm sieht das Home-Verzeichnis anders aus als bei mir.
Das Leben einen FHEM'lers ist in vielen Fällen try-and-error. Die
wirklichen Erfolgeserlebnisse kommen aus dieser Methode. 8) 8) 8)
Gruß Eberhard
Besten Dank für Eure Antworten! :)
Werde das nachher checken und berichten!
So, also der Eintrag
<link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
ist in meiner html enthalten! Woran könnte es sonst noch liegen?
Die Datei "font-awesome.min.css" liegt im richtigen Ordner! :(
Hallo Michael,
da ich Deinen FTUI-Code nicht kenne, hier ein Beispiel aus meiner Konfiguration:
Zitat<div style="width:171px;height:52px; text-align: left; margin-left: 25px;" >Heizung Wz1
<div data-type="symbol"
style="font-size:27px; position: relative; left: 11px;"
data-device="Hzg_Wz1"
data-get="batteryLevel"
data-icons='["oa-measure_battery_100","oa-measure_battery_75","oa-measure_battery_50","oa-measure_battery_25","oa-measure_battery_0"]' data-get-on='["3\\.[0-9]","2\\.[789]","2\\.[456]","2\\.[123]","((2\\.0)|([01]\\.[0-9]))"]'
data-on-colors='["#145084","#145084","#145084","#1ca6e5","#aa6900"]' class="inline" >
</div>
</div>
Für Dich ist da noch vie unbrauchbares Zeugs drin, aber die wesentlichen Dinge erkennst Du ja.
Gruß
Eberhard
Hallo Eberhard,
besten Dank für deinen Code! Ich habe jetzt mal an anderer Stelle nen Icon probiert und da gehts! Dass das Icon nicht angezeigt wird, liegt wohl an einer falschen Definition!
Schau mal hier:
<div data-type="symbol" data-device="Garagentor"
data-get="battery"
data-states='["low","ok"]'
data-icons='["ftui-door blink","ftui-bell"]'
data-colors='["red","green"]'>
</div>
Siehst da nen Fehler?
EDIT: Habs hinbekommen! :)
Hallo,
Zitat von: Michi240281 am 13 Mai 2016, 19:38:36
EDIT: Habs hinbekommen! :)
darf ich fragen, was das Problem war? Ich stehe vor dem selben...
Grüße,
Andreas
Stehe vor dem selben Problem.
<div data-type="symbol"
data-device="MuellterminDummy"
data-get="BrauneTonne"
data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
data-on-colors='["saddlebrown","saddlebrown"]'
data-get-on='["0","2"]'
data-background-icon="fa-square"
class="big">
ich glaube die Option heißt nur "spin" nicht "fa-spin"
Zitat von: dt2510 am 15 Mai 2018, 10:08:13
ich glaube die Option heißt nur "spin" nicht "fa-spin"
Das werde ich mal probieren und berichten
Zitat von: niwa83 am 15 Mai 2018, 10:17:58
Das werde ich mal probieren und berichten
Problem ist immer noch da. Sprich kein Symbol vorhanden
Zitat von: niwa83 am 14 Mai 2018, 18:51:26
...
data-on-colors='["saddlebrown","saddlebrown"]'
...
data-on-colors gibt es nicht (mehr). Meine Empfehlung: Im Wiki unter Symbol nachlesen und in kleinen Schritten auf Deine Umgebung umstricken.
Zitat von: Ulm32b am 15 Mai 2018, 17:22:04
data-on-colors gibt es nicht (mehr). Meine Empfehlung: Im Wiki unter Symbol nachlesen und in kleinen Schritten auf Deine Umgebung umstricken.
Wo kann ich das nachlesen.
Laut Wiki gibt es die Sachen sehr wohl.
Zitat von: niwa83 am 15 Mai 2018, 17:43:07
Wo kann ich das nachlesen.
Laut Wiki gibt es die Sachen sehr wohl.
Wo bitte steht im Wiki
data-on-colors? Ich sehe dort
data-on-color und
data-colors.
Mein Beitrag war nur die Kurzform von https://forum.fhem.de/index.php/topic,86003.0.html (https://forum.fhem.de/index.php/topic,86003.0.html). Da kann man nachlesen.
Zitat von: niwa83 am 15 Mai 2018, 17:43:07
Wo kann ich das nachlesen.
Laut Wiki gibt es die Sachen sehr wohl.
Diese Aussage ist vollkommen richtig