UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

[Blockmove]

@jogibear9988 said in neue Visualiserung "webui" im stable repository:

Es gibt wieder eine Live Demo der WebUI, darin könnt Ihr rumspielen und probieren...

http://129.159.205.3:8082/webui/index.html

Deine Visu hat nen schönen Vorteil für mich:
Ich muss mich wieder mit HTML und CSS beschäftigen.
Davor hab ich mich lang gedrückt

[jogibear9988]

Neue Funktion: Upload von "addtional files".

Damit könnt Ihr zusätzliche Dateien hochladen welche Ihr in eurer Visu verwenden wollt:

Bspw. könnt Ihr ein SweetHome3D Projekt hochladen und dieses dann über die SweetHome3d Komponente anzeigen:

Bsp. gibts hier: http://129.159.205.3:8082/webui/index.html

[Blockmove]

Hallo Jochen,

ich hab in einem Control ein Event angelegt.
Möchte ich nun das Event mit Remove Item entfernen, so funktioniert das nicht.

webui: 0.15.1
Node.js: 18.17.1
Browser: Firefox

[jogibear9988]

@blockmove

Ist ein Script, welches du auf ein Event anlegst.

Ja hast recht, ist durch die umstellung auf "Wunderbaum" kaputt gegangen. Fixe ich später, bzw. morgen.
Zur Not kannst es im Moment mit umschalten auf den HTML Quellcode löschen

[Blockmove]

@jogibear9988 said in neue Visualiserung "webui" im stable repository:

@blockmove

Ist ein Script, welches du auf ein Event anlegst.

Ja hast recht, ist durch die umstellung auf "Wunderbaum" kaputt gegangen. Fixe ich später, bzw. morgen.
Zur Not kannst es im Moment mit umschalten auf den HTML Quellcode löschen

Das Editieren in der Split-View bzw. Code-View finde ich klasse in deiner webui!

[jogibear9988]

@blockmove

das im scripteditor ist gefixt

[jogibear9988]

gibt noch einen neuen abschnitt im solution explorer: "global/font declaration style"

damit könnt ihr bspw. font declarations einfügen welche im root style hinzugefügt werden. denn custom fonts können nicht im shadowdom geladen werden.

dadurch könnt ihr über die "additionalFiles" auch eigene schriften einbinden. beispiel im live system das hier verlinkt ist.

[Blockmove]

Hallo Jochen,
ich bastel gerade mein erstes CustomControl.
Dank deinem Video ist es auch recht einfach.
Einen Feature-Request hätte ich dazu:
Könntest du bitte die Reihenfolge der Properties änderbar machen.

Vielleicht "einfach" vor den del-Button einen Button für auf und ab?

Vielen Dank und Schönes Wochenende!

[jogibear9988]

@blockmove

schau ich mir an. Vlt. übernehm ich einfach das gleiche wie beim script editor.
Da kannst die Einträge per Drag/Drop verschieben

[Blockmove]

@jogibear9988 said in neue Visualiserung "webui" im stable repository:

@blockmove

schau ich mir an. Vlt. übernehm ich einfach das gleiche wie beim script editor.
Da kannst die Einträge per Drag/Drop verschieben

Drag und Drop geht natürlich genauso. Dann ist das Bedienkonzept einheitlich.
Die CustomControls sind auf jeden Fall richtig praktisch!

[jogibear9988]

@blockmove
sind ja eigentlich auch nur webcomponenten. Das was man dort erstellt kann man auch ganz leicht als alleinstehende komponente veröffentlichen.

Was wir noch fehlt sind ein paar gescheite Standard Controls wie sie Vis mit ausliefert.

[jogibear9988]

@blockmove
wenn etwas gebaut hast was auch für andre was ist, kannsts ja hier veröffentlichen

[Blockmove]

Hallo Jochen,

vielleicht stell ich mich zu blöd an, aber ich bekomme es einfach nicht gebacken.
Ich möchte einfach in einem CustomControl in einer Zeile die Werte von 3 Properties ausgeben.
Also so:
Solltemperatur 22.5°C Isttemperatur 20°C Ventilstellung 50%

Sowas muss doch eigentlich auch einfach ohne grid, flex oder Ähnliches gehen?

[jogibear9988]

@blockmove

So? test-control.control

[Blockmove]

@jogibear9988 said in neue Visualiserung "webui" im stable repository:

@blockmove
wenn etwas gebaut hast was auch für andre was ist, kannsts ja hier veröffentlichen

Dazu muss ich meine HTML-Kenntnisse erstmal auf Vordermann bringen.
Aber ich arbeite daran und aktuell finde ich auch etwas Zeit dazu.

[jogibear9988]

@blockmove
hat mein beispiel geklappt? bzw war das das was du wolltest?

[jogibear9988]

@jogibear9988

in der komponente, wird die property von außen in das span element eingebunden. Wenn die property jedoch nicht gesetzt ist, steht "undefined" als text im control das kannst du so fixen:

(siehe formula)

[Blockmove]

@jogibear9988 said in neue Visualiserung "webui" im stable repository:

@blockmove
hat mein beispiel geklappt? bzw war das das was du wolltest?

Danke Jochen,
es hat funktioniert und war genau das wonach ich gesucht hatte.
Eigentlich total simpel mit dem span-Element ... Wenn man es weiß.
Als vis-Umsteiger mit schlechten HTML-/CSS-Kentnissen sind es manchmal die einfachen Aufgaben, die schwierig sind.
Irgendwie wär da ein Manual oder Wiki nicht verkehrt.
Vielleicht auch ein weiteres Youtube Video.

Schönen Sonntag und Viele Grüße
Dieter

[jogibear9988]

@blockmove

Ja bin da auf rückmeldung angewiesen was nicht klar bzw. einfach ist, da ich als entwickler dann nicht wirklich den blick dafür habe (für mich ist das meiste selbstverständlich).
Zu HTML/CSS mach ich natürlich keine, dazu gibts ja zuhauf im Internet
Und die helfen bei meiner webui ja schon viel weiter.

[Blockmove]

@jogibear9988 said in neue Visualiserung "webui" im stable repository:

@blockmove

Ja bin da auf rückmeldung angewiesen was nicht klar bzw. einfach ist, da ich als entwickler dann nicht wirklich den blick dafür habe (für mich ist das meiste selbstverständlich).
Zu HTML/CSS mach ich natürlich keine, dazu gibts ja zuhauf im Internet
Und die helfen bei meiner webui ja schon viel weiter.

Ich stimm dir da zu 100% zu.
Man muss sich halt reinfuchsen, welche HTML-Elemente sich wie manipulieren lassen.
Mein Problem mit der Ausgabe von 3 Variablen konnte ich zwar im Prinzip mit einigen div lösen. Aber ich war mir sicher, dass es einen einfacheren Weg geben muss. Und das hat sich ja gezeigt, dass es absolut simpel geht. Und wahrscheinlich wäre es mit keiner anderen Visu so simpel.