Fa-Icons im TabletUI

Begonnen von kaptainlu, 09 Oktober 2022, 19:54:54

Vorheriges Thema - Nächstes Thema

kaptainlu

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!

yersinia

Welche FTUI-Version? 2 oder 3?
Konkretes Beispiel - also Code-Auszug & Screenshot wäre auch sehr nett?
viele Grüße, yersinia
----
FHEM 6.3 (SVN) on RPi 4B with RasPi OS Bullseye (perl 5.32.1) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

kaptainlu

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.




yersinia

<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 weiter.
viele Grüße, yersinia
----
FHEM 6.3 (SVN) on RPi 4B with RasPi OS Bullseye (perl 5.32.1) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

kaptainlu

danke, habe das hier gefunden in dem thread...ftui/icons_table.html

Bediene mich einfach daraus :)