FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: rasti am 25 Januar 2024, 13:50:26

Titel: wo SVGs ablegen und wie referenzieren ?
Beitrag von: rasti am 25 Januar 2024, 13:50:26
Hallo,

in welchem Verzeichnis kann ich eigene SVGs ablegen so dass ich die als Icons in Tablet UI nehmen kann und
wie sind die im HTML Code zu referenzieren.

Beispiel :

<header>Strom</header>

<div class="top-space inline"> 
      <div data-type="pagebutton" data-url="solarstrom.html" class="cell" data-icon="oa-weather_sun" class="cell"></div>
        <div data-type="label" class="cell">Solarstrom </div>
</div>

<div class="top-space inline"> 
<div data-type="pagebutton" data-url="lichter.html" class="cell" data-icon="fa-lightbulb-o" class="cell"></div>
        <div data-type="label" class="cell">Beleuchtung </div>
</div>

<div class="top-space inline"> 
<div data-type="pagebutton" data-url="wallbox.html" class="cell" data-icon="Wallbox_Icon" class="cell"></div>
        <div data-type="label" class="cell">Wallbox </div>
</div>


Die Icons für Solarstrom und Beleuchung in dem Code funktionieren out_of_the_box.
In welches fhem-Directory muss ich nun meine Datei Wallbox_Icon.svg hinlegen ?
Und wie sieht die richtige Referenzierung bei data-icon="Wallbox_Icon" aus ? Ich will ja keinen absoluten Pfad angeben....

VIele Grüße

Ralf