Seite 1 von 1
Icons in HabPanel
Verfasst: 6. Okt 2021 10:36
von 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
Re: Icons in HabPanel
Verfasst: 11. Okt 2021 13:22
von shuo
Niemand eine Idee? Komme einfach nicht weiter und kann es mir nicht erklären....
Re: Icons in HabPanel
Verfasst: 11. Okt 2021 20:19
von sihui
shuo hat geschrieben: ↑11. Okt 2021 13:22
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
Re: Icons in HabPanel
Verfasst: 12. Okt 2021 10:16
von 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.
Re: Icons in HabPanel
Verfasst: 12. Okt 2021 13:31
von 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....
Re: Icons in HabPanel
Verfasst: 12. Okt 2021 14:33
von int5749
shuo hat geschrieben: ↑12. Okt 2021 13:31
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
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
Re: Icons in HabPanel
Verfasst: 12. Okt 2021 19:03
von 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?
Re: Icons in HabPanel
Verfasst: 12. Okt 2021 20:24
von int5749
shuo hat geschrieben: ↑12. Okt 2021 19:03
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??
shuo hat geschrieben: ↑12. Okt 2021 19:03
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
Re: Icons in HabPanel
Verfasst: 13. Okt 2021 16:27
von sihui
shuo hat geschrieben: ↑12. Okt 2021 19:03
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:
Dann das Icon in diesem Ordner ablegen und wie folgt referenzieren:
Wenn ich dann allerdings dein Stylesheet wieder hinzufüge ist das Icon weg: du musst also dort den Fehler suchen.