(Tablet Ui) Icons lassen sich nicht Einbinden. Anzeigen

Wasserwerk33 · 27 März 2022, 12:58:19

Hallo Leute,

Welches zum einbinden haben vergessen?

meine Icons lassen sich nicht laden.

bin extra über die Fhem Wiki seite gegangen

Code Auswählen

https://wiki.fhem.de/wiki/FHEM_Tablet_UI#Icon-Konfiguration

Wollte dieses Icon einfügen.

Code Auswählen

fa-thin fa-lamp
von dem hier Font-Awesome: Mehr als 500 Icons zur Auswahl. Präfix fa-. Beispiel: data-icon="fa-volume-up"

So sieht mein CODE oben aus.

Code Auswählen

<!DOCTYPE html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <!-- Mobile-Web-Config -->
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="mobile-web-app-capable" content="yes" />
 <!-- Favicon-Icon -->
 <link rel="shortcut icon" type="image/x-icon" href="images/home.ico" />
 <!-- Cache -->
    <!--<meta http-equiv="Cache-Control" content="no-store" />-->
 <!-- FTUI-Settings -->
 <meta name="debug" content="0">
 <meta name="longpoll_type" content="websocket" />
 <meta name="toast" content="1">
 <meta name="gridster_cols" content="60">
 <meta name="gridster_rows" content="30">
 <!-- 1,2,3...= n Toast-Messages, 0: No Toast-Messages -->
 <!-- Scripts -->
    <script type="text/javascript" src="js/fhem-tablet-ui.min.js" defer></script>
 <!-- Icon Fonts -->
 <link rel="stylesheet" href="fonts/roman/style.css" />
 <link rel="icon" href="favicon.ico" type="image/x-icon" />
 <!-- Custom CSS -->
    <link rel="stylesheet" href="css/fhem-blue-ui.css " />
    <link rel="stylesheet" href="css/animate.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui-user.css" />
	<link rel="stylesheet" href="lib/jquery.toast.min.css" />
	<link rel="stylesheet" href="lib/font-awesome.min.css" />
	<link rel="stylesheet" href="lib/material-icons.min.css" />
	<link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
	<link rel="stylesheet" href="css/fhem-tablet-ui.css" />
</head>
<body>

    <title>FTUI Middendorf</title>
</head>

Danke für eure Hilfe.

Wasserwerk33 · 29 März 2022, 21:53:23

leider keine eine idee?

Nutze Tablet ui 2,5 mehr kann mein ipad nicht

yersinia · 30 März 2022, 08:17:03

1. du hast nicht gezeigt, wie du icons versuchst einzubinden (html code des widgets)
2. FTUI2.x ist EoL - nutze FTUI3 wenn möglich, welches deutlich performanter als FTUI2 ist
3. schau erstmal, ob es die icons überhaupt gibt: thin und lamp (jeweils v5; für neuere Version 6 entsprechend dropdown anpassen)
4. möglicherweise werden fa-thin und fa-lamp gar nicht mit FTUI2 ausgeliefert - unter http://[deine FTUI-Adresse]/icons_table_dyn.html gibt es eine Übersicht.

Wenn die icons bei dir nicht vorhanden sind, hast du drei Möglichkeiten:
1. steige auf FTUI3 um
2. lade dir das aktuelle fa-iconset runter, wie dies geht hab ich hier beschrieben. Ein Post weiter gibt es eine icons_table_dyn.html welche versucht, dir alle verfügbaren (ua) fa-icons aufzulisten
3. nutze andere Icons

Wasserwerk33 · 30 März 2022, 08:59:40

Auf FTUI 3 kann ich nicht umsteigen da es auf meinem altem Ipad was ich dafür benutze nicht funktoniert. Habe es schon mal probiert und irgendwas kann mein IPAD nicht auflösen. Leider mein Problem.

Wasserwerk33 · 31 März 2022, 08:55:24

Hi

Also ein normales ausrufezeichen geht (fas fa-exclamation) wenn ich es so einfüge.

eine Glühbirne mit dem Ausrufezeichen geht nicht. (fad fa-lightbulb-exclamation") dann scheint es dieses wohl nicht für meine version zu geben oder?

Vielleicht hast du ja auch einen Tip was ich einfügen muss damit ich die neueren bekommen kann.

Danke

yersinia · 31 März 2022, 10:33:00

Ja, das steht aber auch in diesem Threead - es liegt an den verschiedenen Vorbelegungen bei fa wie fab, fas, fad usw. FTUI2 belegt fa automatisch vor und dadurch werden fab, fas, fad usw nicht mehr angezeigt.

Dort gibt es auch eine Lösung im letzten Post.

Zitat von: yersinia am 25 Dezember 2020, 15:41:20Oder, die fa-multi-button.js anpassen, dass nicht automatisch fa vorbelegt wird (Zeilen 94 und 99). Hat aber den Nachteil, dass bei allen fa icons dann explizit fa, fas oder fab mitgegeben werden muss - dies bedeute aber auch, eine bestehende FTUI Installation anzupassen (zB auch die explizite Angabe von sonst standardisierten background icons).

EDIT:

Zitat von: Wasserwerk33 am 31 März 2022, 08:55:24eine Glühbirne mit dem Ausrufezeichen geht nicht. (fad fa-lightbulb-exclamation") dann scheint es dieses wohl nicht für meine version zu geben oder?

Vielleicht hast du ja auch einen Tip was ich einfügen muss damit ich die neueren bekommen kann.

fa-lightbulb-exclamation gibt es bei fa nicht:
https://fontawesome.com/v6/search?q=lightbulb&m=free
https://fontawesome.com/v6/search?q=exclamation&m=free

referenzierst du ggf auf ein falsches iconset?

Wasserwerk33 · 31 März 2022, 15:35:30

Danke für die Hilfe. Werde es mir durchlesen und versuchen umzubauen.

Ja würde gerne auf das neue FTUI3 gehen nur mein altes iPad hat 32 Bit und somit bekommt es keine Updates mehr. Und kann somit das FTUI3 nicht öffnen/ anzeigen.