Gelöst: Widget Select - Pfeil wird nicht korrekt angezeigt

Niel · 24 August 2020, 13:36:44

Hallo!

Ich habe bei meinem FTUI jetzt das erste Select-Widget eingebaut. Leider wird es nicht korrekt angezeigt.

Hinter dem Pfeil wird noch etwas angezeigt, wobei ich nicht erkennen kann woher der Fehler kommt. Das Problem besteht in verschiedenen Browsern und auf verschiedenen Geräten. Habe auch mehrere Selects eingebaut. Alle haben den gleichen Fehler.

Hat jemand einen Hinweis für mich?

Danke und Grüße

Niel

yersinia · 26 August 2020, 09:29:34

Da scheint ein Icon bzw. Referenz im Hintergrund zu fehlen.
Oder es ist ein anderes Widget mit fehlenden Icons dahinter gelegt.

Du kannst den generierten Quelltext (in Firefox rechte Maustaste auf das Element und dann "Element untersuchen") anzeigen lassen und dann schauen, welches Icon fehlt.

Niel · 27 August 2020, 09:21:32

Hallo,

ich habe mir den Quelltext angeguckt. Es ist ein Content hinterlegt (siehe Screenshot).

Wenn ich den Haken bei 'content : "\f107" ' entferne, ist auch das Problem weg. Aber das ist ja nicht die Lösung.

Wie bekomme ich das dauerhaft entfernt?

Grüße

Niel

yersinia · 27 August 2020, 09:35:55

Das scheint ein Zeichensatz aus fontawesome zu sein; hast du fontawesome eingebunden?

Code Auswählen

<link rel="stylesheet" href="lib/font-awesome.min.css" type="text/css" />

Niel · 27 August 2020, 10:05:12

Ich habe es jetzt eingebunden, jedoch ist der Fehler nicht weg.

Wo genau muss ich es denn einbinden? Vielleicht habe ich die falsche Stelle erwischt.

yersinia · 27 August 2020, 10:11:37

Zitat von: Niel am 27 August 2020, 10:05:12Wo genau muss ich es denn einbinden? Vielleicht habe ich die falsche Stelle erwischt.

In den <head>-Bereich deiner index.html (und die verlinkte CSS Datei muss auch existieren in dem Pfad). Und danach die Seite einmal neu laden (bei FF mit [Umschalt]+[F5]).

Niel · 27 August 2020, 12:10:00

Steht drin, Datei existiert auch, fhem neu gestartet, Seite neu geladen -> Fehler immer noch da!

Ich bin ein wenig ratlos.

Danke für die Unterstützung!

yersinia · 27 August 2020, 12:31:48

Das Zeichen f107 ist der angle-down, also der Pfeil der Dropdown-Auswahl.
Dieser ist ja schon vorhanden in deinem Screenshot. Das Fehlerhafte Zeichen scheint dahinter oder davor zu liegen.

Niel · 27 August 2020, 14:29:54

Es war das "font-weight" in der ui-user.css!

Das Zeichen war richtig, aber weight stand auf "normal". Sobald ich es auf 900 setzte, wie in der fhem-tablet-ui.css funktionierte es.

FF hat nur viele Anläufe gebraucht, bis er das 900 übernommen hat. Trotz neu laden und neu starten, Seite vergessen, etc.

Jetzt scheint es zu gehen. Muss noch am Fully Kiosk Browser prüfen.

Edit: Da geht es auch! Vielen Dank für die Unterstützung!