Okay, dann werde ich es erstml auf diesem Wege probieren.
Es würde mich dennoch interesieren wie ich eine externe Css Datei in das HTML Widget einfügen kann.
Okay, dann werde ich es erstml auf diesem Wege probieren.
Es würde mich dennoch interesieren wie ich eine externe Css Datei in das HTML Widget einfügen kann.
Vielen Dank für die Antwort.
Wenn sich die .css Datei im Pfad /vis.0/main/colorpicker/colorpicker.css befindet, ist das denn der Link den ich im HTML Widget als href eintrage?
<head>
<meta charset="utf-8">
<title>The Color Picker</title>
<link rel="stylesheet" href="/vis.0/main/colorpicker/colorpicker.css"/>
</head>
So hat es leider nicht geklappt
Das klappt leider dennoch nicht. Es kommt im Browser die Fehlermeldung das vis nicht bekannt ist
Dies habe ich aus der Browser Konsole kopiert
Das Widget habe ich so implemeniert
Ich habe das Widget iFrame benutzt um folgende Ansicht zu erhalten
Die Dateien habe ich so abgelegt
Gibt es eine andere Möglichkeit das Widget in die Visualisierung einzubringen, sodass ich vis.setValue benutzen kann ?
Hallo,
ich würde gerne einen eigenen Colorpicker in VIS einfügen um damit später RGB Lampen zu steuern. Ich habe eine HTML-Datei eine JS-Datei und eine CSS-Datei. Die habe ich jeweils zusammen in einem Ordner im IoBroker als Datei gespeichert. Über ein Widget greife ich auf das HTML Dokument zu, sodass mir der Colorpicker in meiner Visualisierung angezeigt wird.
Meine Frage dazu lautet an dieser Stelle, wie ich nun aus dem HTML-Script heraus in einen Datenpunkt schreiben kann. Folgender Ansatzt hat nicht funktioniert, da die Funktion setState anscheinend nur im JavaScript-Adapter verfügbar ist.
<script>
colorPicker.on('color:change', function(color){
colorIndicator.style.backgroundColor=color.hexString;
setState(zigbee.0.Test.Test_Color, color.hexString);
});
</script>
Vielen Dank schon einmal im vorraus