OH3: Eigene Icons

[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

[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

[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.

[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.

[int5749]

kann es sein das das Icon im falschen Verzeichnis gespeichert ist?

Wie häufig im Leben Jain

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

[peter-pan]

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)

[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.

[HUrban]

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

[EmptySoft]

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