Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄

[franzda]

Hallo bräuchte eure Unterstützung.
Wie kann ich eine svg Datei in einem HTML Widget anzeigen. Beide Dateien sind vorhanden.
Die svg Datei Fall 2 wird nicht angezeigt. In den "Standard" Widget werden beide angezeigt.
Habe schon einiges probiert ohne Erfolg.

    <img src="/vis-icontwo/Electricity/car_battery.png">

    <img src="/icons-mfd-svg/weather_humidity.svg">

[Homoran]

@franzda sagte in SVG Datei in html Widget anzeigen:

Wie kann ich eine svg Datei in einem HTML Widget anzeigen. Beide Dateien sind vorhanden.
Die svg Datei Fall 2 wird nicht angezeigt. In den "Standard" Widget werden beide angezeigt.

und warum muss es ein HTML-Widget sein?
ist ein Bild, also Image Widget hätte ich mir gesagt.

[Glasfaser]

@franzda sagte in SVG Datei in html Widget anzeigen:

Habe schon einiges probiert ohne Erfolg.

Deine Code wird nicht im Vis Editor angezeigt , gehe mal in den Runtime !

**EDIT :

Schwarzer Hintergrund / Schwarzes Widget !!!**

[franzda]

@homoran Weil ich in HTML javasript einbinden kann.

[franzda]

@glasfaser Hintergrund habe ich natürlich farbig gemacht.#

[Glasfaser]

@franzda sagte in SVG Datei in html Widget anzeigen:

habe ich natürlich

Ja .... und jetzt ... bei mir werden sie angezeigt !?

@glasfaser sagte in SVG Datei in html Widget anzeigen:
Schwarzer Hintergrund / Schwarzes Widget !!!**

Damit meine ich den View Hintergrund (schwarz ), nicht das Widget !

[franzda]

@glasfaser zeigts du mir deine HTML code bitte

[Glasfaser]

@franzda sagte in SVG Datei in html Widget anzeigen:

@glasfaser zeigts du mir deine HTML code bitte

????

Was für ein Code ... ist doch dein Schnipsel was du oben angegeben hast

<img src="/vis-icontwo/Electricity/car_battery.png">
  <img src="/icons-mfd-svg/weather_humidity.svg">

[franzda]

@glasfaser kannst du bitte dann Widget exportieren damit ich importieren kann. Etwas ist noch anders bei dir. (was ich scheinbar noch übersehe)

[Glasfaser]

@franzda

Da ist nichts anderes , ist eine HTML Widget und dein Code ... Schnipsel

Spoiler

[{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"    <img src=\"/vis-icontwo/Electricity/car_battery.png\">\n\n \n\n    <img src=\"/icons-mfd-svg/weather_humidity.svg\">"},"style":{"left":"512px","top":"23px","width":"471px","height":"405px"},"widgetSet":"basic"}]

[franzda]

@glasfaser DANKE
hätte früher versuchen müssen. Nach Neustart und ohne weitere Änderung ist alles ok. Scheinbar hat sich irgendwas verklemmt. Habe aber keine Idee was das sein könnte.
Habe nicht daran gedacht neu zu starten. (installiert habe ich heute nichts also daran kann nicht liegen weil bei einigen Adapter liest man dass Neustart nötig ist.

[Homoran]

@franzda sagte in SVG Datei in html Widget anzeigen:

Habe nicht daran gedacht neu zu starten

Möglicherweise hätte auch ein Browserrefresh gereicht.

@franzda sagte in SVG Datei in html Widget anzeigen:

Weil ich in HTML javasript einbinden kann.

dir ist aber bewusst, dass dieses Javascript im Browser abläuft und bei vielen Widgets mit Code dieses zusätzlich zum sowieso schon ressourcenfressenden Rendern das möglicherweise nicht allzu leistungsfähige Tablet mehr oder weniger langsamer wird?

[Glasfaser]

@franzda sagte in SVG Datei in html Widget anzeigen:

Scheinbar hat sich irgendwas verklemmt.

Man kann auch Unfug mit Code´s im Html Widget einfangen , wenn man nicht weiß was man da macht !!!

Hatten wir hier zu genüge , im I-Net ein Code kopiert , in einem Widget eingefügt und im Nu ist die View/Editor Schrott .

[franzda]

@homoran said in SVG Datei in html Widget anzeigen:

dir ist aber bewusst, dass dieses Javascript im Browser abläuft und bei vielen Widgets mit Code dieses zusätzlich zum sowieso schon ressourcenfressenden Rendern das möglicherweise nicht allzu leistungsfähige Tablet mehr oder weniger langsamer wird?

Danke für deinen Hinweis. In der Tat habe ich schon daran gedacht.
Meine Idee ist ein Objekt zu parametrieren und in java weitere Objekte logisch abzuleiten und die Symbole in Abhängigkeit der Werte farblich anders darstellen

Also
{deconz.0.Sensors.7.temperature} parametrieren und Raum, Feuchte , Druck, Erreichbarkeit, Batterie und Aktualisierungszeit ohne Parametrierung zu ermitteln.

Möglicherweise wird aber so besser sein dass ich Anwahl ein Script in der Lache Skripte dazuschalte. und in dem Widget nur anzeige.

Möchte einfach die fast unendliche Möglichkeiten von ioBroker verstehen um diese optimal nutzen zu können.

[Homoran]

@franzda sagte in SVG Datei in html Widget anzeigen:

Möchte einfach die fast unendliche Möglichkeiten von ioBroker v

allerdings ist die Zahl an erlaubten Bindings endlich.
ob die Anzahl Zeichen an code auch begrenzt ist weiß ich nicht.

ist ja kein Logik-Adapter.
Auch die Skripte in der Lasche laufen auf dem Tablet

[franzda]

@homoran said in SVG Datei in html Widget anzeigen:

allerdings ist die Zahl an erlaubten Bindings endlich.

In der Tat habe ich das schon gesehen als ich eine recht große Tabelle für ca 25 Objekte / Zeilen (also Messwerte) mit 7-8 Spalten generiert und in html angezeigt hatte {Objekt} .... {Objekt} Mein Eindruck war (habe den Fall nicht weiter verfolgt) aber dass ich die maximale Anzahl von Variablen überschritten hatte;
weil die inhaltlich gleiche html Tabelle mit konkreten Werten, (24 C, 70%, 1000hPa ...) in script generiert und als Objekt gespeichert und in dieses dann einem html Widget angezeigt, funktioniert hatte.