Icons in HabPanel

[shuo]

Hallo zusammen,
ich bin am verzweifeln.

Ich benutze HabPanel als Dashboard und soweit funktionert alles wie es soll. Mein Problem: 2 selbst erstellte Icons.

Wenn ich über die App (habpanele - Viewer) gehe, dann werden alle Icons korrekt angezeigt. Leider ist Habpanel - Viewer sehr instabil. Daher habe ich mich für die Variante mit Openhab App entschieden. Dort kann man im Menü auf Habpanel umschalten. Funktionert super, allerdings werden die zwei eingefügten Icons nicht angezeigt.

Hat jemand eine Idee?

Hier ein Screenshot von habpanel - Viewer (alle Icons funktioneren):

Screenshot_20211006-100354.png

Und ein Screenshot von der Openhab - App (zwei Icons funktionieren nicht):

Screenshot_20211006-100114.png

[shuo]

Niemand eine Idee? Komme einfach nicht weiter und kann es mir nicht erklären....

[sihui]

Niemand eine Idee?

Nicht wirklich.
Wo ist der Unterschied zu den funktionierenden Bildern? Um welches Bildformat handelt es sich (png, jpg, tif)? Eventuell hast du das falsche Bildformat gewählt. Oder das korrekte Bildformat mit einer nicht kompatiblen Option versehen.

Man könnte auch mal in Chrome per F12 die Entwicklerwerkzeuge einschalten und unter "Elements" nachschauen ob sich ein Fehler finden lässt.
Oder direkt per Inspector auf das nicht funktionierende Bild klicken um evenutelle Fehlerquellen zu erkennen:

inspect5.jpg

[shuo]

Hmmm... Das Problem ist das im Browser funktionert alles. Das Problem ist "nur" auf dem Tablet. Sobald ich die Openhab-App laufen lasse und im Menu auf Habpanel gehe, erscheinen die Icons nicht mehr.

[shuo]

Vielleicht ein kleiner Nachtrag: Im Widget habe ich den Pfad des Icons folgendermaßen eingegeben:

Code: Alles auswählen

 <img src="http://192.168.178.57/Electricity_grid.png" style="width: 40px; height: 40px; filter: invert(.7); margin-top: -20px;  "></img>

Kann es sein, dass die openhab-App nicht via http auf das Icon zugreifen kann? Ich habe auch parallel versucht das Icon im icons-Ordner abzulegen. Auch ohne Erfolg....

[int5749]

Vielleicht ein kleiner Nachtrag: Im Widget habe ich den Pfad des Icons folgendermaßen eingegeben:

Code: Alles auswählen

 <img src="http://192.168.178.57/Electricity_grid.png" style="width: 40px; height: 40px; filter: invert(.7); margin-top: -20px;  "></img>

Kann es sein, dass die openhab-App nicht via http auf das Icon zugreifen kann? Ich habe auch parallel versucht das Icon im icons-Ordner abzulegen. Auch ohne Erfolg....

Liegen die Bilder denn genau dort?? Also sind diese über den Browser so erreichbar??

Ich habe meine Bilder in einem Unterverzeichnis abgelegt und wie folgt verlinkt

http://meineIP:8080/static/background/wohnzimmer.jpg

Das Verzeichnis "background" ist ein Unterverzeichnis bei openhab-conf\html\background
html ist von OH als static erreichbar.

Evtl. probierst Du dies so einmal?

Viele Grüße

[shuo]

Habe jetzt die Icons in das Unterverzeichnis openhab-conf\html kopiert. Im Browser tut es, aber in der App nicht.

Kannst Du mir mal einen Gefallen tun und bei Dir die Openhab - App runterladen und anmelden? Wenn Du im Menu dann auf HabPanel gehst, sind dann Deine selbst-erstellten Icons sichtbar?

[int5749]

Habe jetzt die Icons in das Unterverzeichnis openhab-conf\html kopiert. Im Browser tut es, aber in der App nicht.

Und hast Du auch den link angepasst mit Port etc??

Kannst Du mir mal einen Gefallen tun und bei Dir die Openhab - App runterladen und anmelden? Wenn Du im Menu dann auf HabPanel gehst, sind dann Deine selbst-erstellten Icons sichtbar?

Ich habe die App auf allen Smartphones und dem iPad, da kann ich aber kein Hab-Panel auswählen. Zudem ist dies bei mir nicht konfiguriert, da ich ausschließlich mit der Basic UI arbeite und wenn, etwas mit der Main UI. Daher bin ich dafür wahrscheinlich keine Hilfe

[sihui]

Wenn Du im Menu dann auf HabPanel gehst, sind dann Deine selbst-erstellten Icons sichtbar?

Ja, bei folgender Vorgehensweise:

In /html einen Ordner anlegen, z.B. icons, also dann wie folgt:

Code: Alles auswählen

/html/icons/

Dann das Icon in diesem Ordner ablegen und wie folgt referenzieren:

Code: Alles auswählen

<img src="/static/icons/test.png"</img>

Wenn ich dann allerdings dein Stylesheet wieder hinzufüge ist das Icon weg: du musst also dort den Fehler suchen.