FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: kaptainlu am 09 Oktober 2022, 19:54:54

Titel: Fa-Icons im TabletUI
Beitrag von: kaptainlu am 09 Oktober 2022, 19:54:54
Hallo zusammen,

meine Icons wollen teilweise nicht so. Manche werden garnicht angezeigt.
Ich dachte eigentlich immer, dass Fhem sich die von Font Awesome zieht.

Beispiel:
https://fontawesome.com/icons/droplet?s=solid&f=classic
fa-droplet funktioniert überhaupt nicht.

was mache ich falsch?

Danke!
Titel: Antw:Fa-Icons im TabletUI
Beitrag von: yersinia am 09 Oktober 2022, 20:03:03
Welche FTUI-Version? 2 oder 3?
Konkretes Beispiel - also Code-Auszug & Screenshot wäre auch sehr nett?
Titel: Antw:Fa-Icons im TabletUI
Beitrag von: kaptainlu am 09 Oktober 2022, 20:41:36
wie bekomme ich die version raus?

<div class="sheet">
                    <div class="row">
                        <div class="cell top-align">
                          <div data-type="pagebutton" data-url="#1_wohnzimmer.html" data-load="#1_wohnzimmer-content" data-active-pattern=".*#1_wohnzimmer.html" data-icon="fa-thermometer-three-quarters" class="big top-space"></div>
                          <div data-type="pagebutton" data-url="#1_lueftung.html" data-load="#1_lueftung-content" data-active-pattern=".*#1_lueftung.html" data-icon="fa-fire" class="top-space"></div>
                            <div data-type="pagebutton" data-url="#1_wetter.html" data-load="#1_wetter-content" data-active-pattern=".*#1_wetter.html" data-icon="fa-sun" class="big top-space"></div>
                            <div data-type="pagebutton" data-url="#1_verbrauch.html" data-load="#1_verbrauch-content" data-active-pattern=".*#1_verbrauch.html" data-icon="fa-bolt" class="top-space"></div>
                            <div data-type="pagebutton" data-url="#1_wasser.html" data-load="#1_wasser-content" data-active-pattern=".*#1_wasser.html" data-icon="fa-droplet" class="top-space"></div>
                            <div data-type="pagebutton" data-url="#1_euro.html" data-load="#1_euro-content" data-active-pattern=".*#1_euro.html" data-icon="fa-euro" class="top-space"></div>
                            <div data-type="pagebutton" data-url="#1_kamera_eingang.html" data-load="#1_kamera_eingang-content" data-active-pattern=".*#1_kamera_eingang.html" data-icon="fa-video" class="top-space"></div>

alle anderen funktionieren.



Titel: Antw:Fa-Icons im TabletUI
Beitrag von: yersinia am 09 Oktober 2022, 20:55:44
<div data-type="pagebutton" data-url="#1_wasser.html" data-load="#1_wasser-content" data-active-pattern=".*#1_wasser.html" data-icon="fa-droplet" class="top-space"></div>
Du hast ftui2. Da sieht man an der Struktur, wie Widget (FTUI2) bzw components (FTUI3) definiert werden.

Hast du fa-droplet überhaupt? Nur weil diese bei fa verzeichnet sind, sind diese nicht automatisch im FTUI2. Wann hast du die Icons das letzte mal aktualisiert?
Die Tabelle unter icons_table.html zeigt dir alle Icons, welche standardmäßig im FTUI2 mitgeliefert wird.

Wenn du die fa-icons auf den aktuellsten Stand bringen möchtest, dann lies in diesem Thread (https://forum.fhem.de/index.php/topic,109488.msg1038123.html#msg1038123) weiter.
Titel: Antw:Fa-Icons im TabletUI
Beitrag von: kaptainlu am 09 Oktober 2022, 21:07:44
danke, habe das hier gefunden in dem thread...ftui/icons_table.html

Bediene mich einfach daraus :)