FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: stobor am 22 Januar 2022, 15:29:51

Titel: Nutzung von Icons im Tavblet UI
Beitrag von: stobor am 22 Januar 2022, 15:29:51
Hallo,
ich baue mir gerade ein Web-Frontend auf der TabletUI Basis. Nun möchte ich natürlich auch Symbole verwenden.
Unter https://wiki.fhem.de/wiki/FHEM_Tablet_UI werden ja verschiedene Quellen vorgeschlagen:

Zitat

  • Eingebaute Icons ftui-window und ftui-door. Präfix ftui-. Beispiel: data-icon="ftui-door"
  • Font-Awesome: Mehr als 500 Icons zur Auswahl. Präfix fa-. Beispiel: data-icon="fa-volume-up"
  • Material Icons: Mehr als 900 Icons zur Auswahl. Präfix mi-. Beispiel: data-icon="mi-local_gas_station"
  • FHEM und OpenAutomation Icons: Präfix fs- und oa-. Beispiel: data-icon="oa-secur_locked"
  • Weather-Icons: Präfix wi . Beispiel: data-icon="wi wi-day-rain-mix"
Leider finde ich nicht für alles eine Übersicht/Vorschau.
Es lassen sich aus den Quellen anscheinend auch nicht immer alle verfügbaren Symbole einbinden.

as- , fa- , oa- Icons habe ich schon verwendet. Bei Font-Awesome scheinen Symbole der PRO-Version nicht nutzbar zu sein.
Bei den Material Icons landet man bei Google-Fonts. das Beispiel-Icon "mi-local_gas_station" konnte ich einbinden und anzeigen. Ich habe nach Doorbell (Türklingel) gesucht, und wollte das Symbol verwenden ("mi-doorbell" war meine Vermutung), aber es wird einfach nichts angezeigt.

Hat jemand eine Idee, wie ich mir alle möglichen Symbole anzeigen kann?
Titel: Antw:Nutzung von Icons im Tavblet UI
Beitrag von: OdfFhem am 22 Januar 2022, 17:04:36
@stobor

Folgender Aufruf - an Deine Umgebung angepasst - liefert eine gut verwendbare Icon-Übersicht:

http://raspberrypi:8083/fhem/ftui/icons_table.html
Titel: Antw:Nutzung von Icons im Tavblet UI
Beitrag von: Thorsten Pferdekaemper am 22 Januar 2022, 18:35:42
...oder FUIP installieren und für irgendein Icon-Feld die Werthilfe aufrufen.
SCNR.
Gruß,
   Thorsten
Titel: Antw:Nutzung von Icons im Tavblet UI
Beitrag von: Jewe am 01 November 2022, 00:48:15
Zitat von: OdfFhem am 22 Januar 2022, 17:04:36
@stobor

Folgender Aufruf - an Deine Umgebung angepasst - liefert eine gut verwendbare Icon-Übersicht:

http://raspberrypi:8083/fhem/ftui/icons_table.html


Ich hoffe mal das hier noch jemand liest. Ich habe die Url entsprechend verwendet, aber es zeigt mir keine Icon an. Funktioniert das noch ?

LG, Jens
Titel: Antw:Nutzung von Icons im Tavblet UI
Beitrag von: OdfFhem am 01 November 2022, 05:55:04
Bei mir funktioniert der Aufruf noch - FTUI2 selbst wurde lt. GitHub zuletzt im April '21 verändert.

Wenn Deine FTUI2-Oberfläche Icons anzeigt, sollten zumindest diese auch über den Link angezeigt werden. Im Zweifel hilft vielleicht ein Blick in die Browser-Konsole ...
Titel: Antw:Nutzung von Icons im Tavblet UI
Beitrag von: yersinia am 01 November 2022, 15:02:00
https://forum.fhem.de/index.php/topic,109488.msg1039239.html#msg1039239  ;)
Titel: Antw:Nutzung von Icons im Tavblet UI
Beitrag von: Jewe am 01 November 2022, 21:27:53
Vielen Dank, jetzt klappts wieder.
LG, Jens