Seite 1 von 1

OH3: Eigene Icons

Verfasst: 17. Feb 2022 18:22
von FelixK
Hallo,

ich wollte heute ein eigenes Icon "speedtest" in Kombination mit dem Network Binding in der Sitemap verwenden. Dazu habe ich erst eine speedtest.png und als das nicht funktioniert hat eine speedtest.svg (erstellt über diese Seite https://www.aconvert.com/image/png-to-svg/) in $OPENHAB_CONF/icons/classic, wie hier beschrieben https://www.openhab.org/docs/configurat ... html#icons hochgeladen.

Allerdings wird statt des Icons nur ein weißes Rechteck angezeigt. Wo genau ich sehe/einstellen kann, ob nun SVG oder PNG für Icons verwendet werden sollen, habe ich nicht gefunden. Da allerdings in dem $OPENHAB_CONF/icons/classic-Ordner nur .pngs liegen, gehe ich davon aus, dass PNGs verwendet werden?

Da ich einen Forenbeitrag dazu gefunden habe, habe ich auch oh:speedtest als Icon verwendet.

Kann es ein Problem sein, dass ich noch die default.sitemap-Datei von OH2 verwende?

Vielen Dank und viele Grüße

Felix

Re: OH3: Eigene Icons

Verfasst: 18. Feb 2022 10:18
von int5749
Eigentlich sollte es so funktionieren. Welche Eigenschaften hat das Icon? Evtl. lädst Du dies mal hier hoch, dann kann man evtl. mal testen.
Weißes Icon spricht ja dafür, das Du es korrekt beim Item angegeben hast?
Ich gehe davon aus, das Du das Icon nach dem konvertieren getestet hast und dies fehlerfrei angezeigt wurde ;-)

Re: OH3: Eigene Icons

Verfasst: 18. Feb 2022 11:14
von peter-pan
Ich bin bei der Anlage von Items/Icons in der MainUI nicht so bewandert. Aber ich nehme mal an, dass das über die Metadaten (...widget) erfolgt.
Hast du schon mal probiert die Anzeige in deiner "default.sitemap" zu realisieren ? (z.B.: Default item=Day_Phase icon="phase_daylight"). Wie gross ist denn das Item ?

Soweit ich weiss ist es egal, ob die Endung ".png" bzw. ".svg" ist. Wie @int5749 schon geschrieben hat, wären ein paar zusätzliche Infos nicht schlecht.

Re: OH3: Eigene Icons

Verfasst: 18. Feb 2022 12:00
von oh73
kann es sein das das Icon im falschen Verzeichnis gespeichert ist?

ich habe meine im Verzeichnis /html gespeichert,

kann ich dann mit

Code: Alles auswählen

<img src="/static/icon.png" width="60px" hight="60px" ></img>
aufrufen.

Re: OH3: Eigene Icons

Verfasst: 18. Feb 2022 13:46
von int5749
oh73 hat geschrieben: 18. Feb 2022 12:00 kann es sein das das Icon im falschen Verzeichnis gespeichert ist?
Wie häufig im Leben Jain :lol:
FelixK hat geschrieben: 17. Feb 2022 18:22 ich wollte heute ein eigenes Icon "speedtest" in Kombination mit dem Network Binding in der Sitemap verwenden.
Also ging es für mich um die Sitemap, nicht die MainUI.

Für die Sitemap ist das Verzeichnis openhab-conf\icons\classic\ korrekt.

Zur EInbindung in die MainUI (also eigentlich mehr in die pages) oder auch andere html Seiten kann dies über den in openHAB integrierten Webserver erfolgen, der unter openhab-conf\html läuft. Ich habe dort dann Unterverzeichnisse wie z.B. backgrounds in welchem meine Hintergrundbilder für die Räume in der MainUI liegen. Es geht aber an dieser Stelle auch ein anderer Webserver oder Internet Quellen (was ja auch meisst Webserver sind), aber diese müssen natürlich dann auch erreichbar sein, wenn man auf die Pages zugreift. Daher ist es wohl am sichersten, diese direkt in openHAB abzulegen.

Viele Grüße

Re: OH3: Eigene Icons

Verfasst: 18. Feb 2022 15:53
von peter-pan
oh73 hat geschrieben: 18. Feb 2022 12:00 kann es sein das das Icon im falschen Verzeichnis gespeichert ist?

Nein. Eigene Icons werden grundsätzlich im Ordner "openhab-conf/icons/classic/". Das gilt sowohl für "OH2" und "OH3". Wobei es egal ist, ob die Endung "*.png" oder "*.svg" ist. (Ausnahme OH3: iconify ;) ) . Auch für Sitemap und MainUI.

Das mit den Hintergrundbildern ist das so eine Sache. Die können fast überall liegen. Auf deinem Rechner oder im Internet. Eine Zuordnung auf deinem Rechner könnte so aussehen:

Code: Alles auswählen

/static/picture/haus.jpg
   oder so
http://192.168.178.26:8080/static/picture/haus.jpg
und aus dem Internet so:

Code: Alles auswählen

https://community-openhab-org.s3-eu-central-1.amazonaws.com/original/2X/7/7d388a86c95471f89b1bb911d96d7609a3e3a059.svg
Das können dann auch andere Datei-Formate sein, z.B. auch *.jpg ....etc. Und liegen in der Regel unter .../html/Unterverzeichnis, wie bereits beschrieben. Aber wie gesagt, dass sind keine Icons.

Ich möchte in diesem Zusammenhang auch nochmal darauf hinweisen, dass man die "Standard-Icon-Namen" nicht für eigene Icons benutzen soll/darf, da diese in OH selbst intern abgelegt sind. Aber das steht, soweit ich weiss auch in der Doku.

In den Widgets wird der Dateipfad durch den "Prefix" erkannt:

Code: Alles auswählen

Use oh:iconName (openHAB icon), f7:iconName (Framework7 icon), material:iconName (Material icon) or iconify:iconSet:iconName (Iconify icon, requires being online if not in cache)

Re: OH3: Eigene Icons

Verfasst: 18. Feb 2022 17:21
von FelixK
Hallo,

vielen Dank für eure Antworten.

Ich habe mir scheinbar immer nur das 1.024x1.024px große PNG oder das 32x32px große SVG angeschaut. Das 32x32px große PNG war komplett weiß.
Jetzt habe ich das Icon nochmal auf 32x32px über Paint verkleinert und hochgeladen. Mit dem Namen speedtest.png blieb das Icon weiß. Wenn ich die Datei in speedtest2.png umbenenne und als speedtest2 in die Sitemap einbinde, ist es aber da. Ist da was gecached?

Jetzt geht es aber. Jetzt muss ich nur den Hintergrund des Icons wieder transparent bekommen.

Sorry für die Umstände und meine Dummheit.

Re: OH3: Eigene Icons

Verfasst: 3. Apr 2022 17:42
von HUrban
peter-pan hat geschrieben: 18. Feb 2022 15:53
oh73 hat geschrieben: 18. Feb 2022 12:00 kann es sein das das Icon im falschen Verzeichnis gespeichert ist?

Nein. Eigene Icons werden grundsätzlich im Ordner "openhab-conf/icons/classic/". Das gilt sowohl für "OH2" und "OH3". Wobei es egal ist, ob die Endung "*.png" oder "*.svg" ist. (Ausnahme OH3: iconify ;) ) . Auch für Sitemap und MainUI.
Hallo zusammen,

wenn ich mich kurz einblenden darf ...

Die Aussage s.o., dass grundsätzlich dieser Ordner für die Icons eingesetzt wird, ist laut "Lehrbuch" sicher richtig.
Was tun, wenn in diesem Ordner - so bei mir - jede Menge png-Dateien hinterlegt sind, die allerdings alle NICHT für z. B. Sitemaps in VS eingesetzt werden können (sie werden nicht angezeigt). Im UI funktioniert dies ("...Item xyz icon="oh:mein-icon") Im VS gehen bei mir "nur" die Standard-Icons.

Sowohl im UI als auch im VS habe ich bislang keine Einstellungsmöglichkeiten für den icon-folder finden können.


Viele Grüße

Harald

Re: OH3: Eigene Icons

Verfasst: 4. Apr 2022 15:52
von EmptySoft
FelixK hat geschrieben: 18. Feb 2022 17:21 Ich habe mir scheinbar immer nur das 1.024x1.024px große PNG oder das 32x32px große SVG angeschaut. Das 32x32px große PNG war komplett weiß.
Jetzt habe ich das Icon nochmal auf 32x32px über Paint verkleinert und hochgeladen. Mit dem Namen speedtest.png blieb das Icon weiß. Wenn ich die Datei in speedtest2.png umbenenne und als speedtest2 in die Sitemap einbinde, ist es aber da. Ist da was gecached?
Wahrscheinlich im Cache Deines Browsers. Im Firefox kannst Du die Seite neu laden inklusive Cache Refresh mit STRG F5