Neues YouTube-Video: Visualisierung im Devices-Adapter

[nik82]

@liv-in-sky
kurz Frage noch: Wenn ich anstatt Text ein Bild nehmen will, geht das auch?
Habe es schon so probiert, aber das klappt leider nicht:

{door2:homeconnect.0.BOSCH-WTX87KX0-68A40E73B091.status.BSH_Common_Status_DoorState; door2=="BSH.Common.EnumType.DoorState.Closed" ? "<img src="/vis.0/main/img/Sonne1.png" height="50">" : ""}

[liv-in-sky]

@nik82

probier mal

{door2:homeconnect.0.BOSCH-WTX87KX0-68A40E73B091.status.BSH_Common_Status_DoorState; door2=="BSH.Common.EnumType.DoorState.Closed" ? '<img src="/vis.0/main/img/Sonne1.png" height="50px">' : ""} 

[nik82]

@liv-in-sky
Du bist echt der Beste
Klasse, vielen Dank, funktioniert

[liv-in-sky]

@nik82 das waren die anführungszeichen im image tag - dann musst du außenrum die einfachen anführungszeichen nutzen

[liv-in-sky]

@nik82

noch ein kleiner tipp - beim testen dieser formeln kannst du in chrome in der runtime die entwicklungsumgebung öffnen, dort dann console wählen) und dann die seite neu laden - dann siehst du, ob in der formel ein fehler ist und das widget so nicht geladen werden kann - die meldungen sind nicht immer das beste aber einen anfangspukt hat man

[nik82]

@liv-in-sky
Vielen Dank, wahnsinn was da alles Möglich ist, hab jetzt meine Sonnen für den Trockengrad am Trockner auch fertig:

{val:homeconnect.0.BOSCH-WTX87KX0-xx.programs.active.options.LaundryCare_Dryer_Option_DryingTargetAdjustment; val=="LaundryCare.Dryer.EnumType.DryingTargetAdjustment.Plus1" ? '<img src="/vis.0/main/img/Sonne1.png" height="35px" hspace=20>' : val=="LaundryCare.Dryer.EnumType.DryingTargetAdjustment.Plus2" ? '<img src="/vis.0/main/img/Sonne1.png" height="35px" hspace=20> <img src="/vis.0/main/img/Sonne1.png" height="35px" hspace=20>' : val=="LaundryCare.Dryer.EnumType.DryingTargetAdjustment.Plus3" ? '<img src="/vis.0/main/img/Sonne1.png" height="35px" hspace=20> <img src="/vis.0/main/img/Sonne1.png" height="35px" hspace=20> <img src="/vis.0/main/img/Sonne1.png" height="35px" hspace=20>' : ""}

So schaut das dann live aus:

[liv-in-sky]

@nik82

ich finde den material design progress noch ganz gut, um die restzeit anzuzeigen

dort werden auch über binding die daten eingegeben

[nik82]

@liv-in-sky
Kenn ich, danke dir, das habe ich auch für meine Wallboxen:

Aber beim Trockner ist mir die Restzeit in Minuten Format doch lieber

[topsurfer]

@liv-in-sky sagte:

ich finde den material design progress noch ganz gut, um die restzeit anzuzeigen

Hi,
ist zwar schon etwas älter, aber wo soll dieses ("material design progress") Widget dabei sein?
"Material Widgets" und "vis-2-widgets-material" habe ich installiert.

[sigi234]

@topsurfer
Dieses Widget funktioniert unter Vis2 nicht.
LG
Sigi

[skvarel]

@topsurfer .. das lässt sich auch mit unseren inventwo Slidern machen ;)

[topsurfer]

@skvarel sagte:

@topsurfer .. das lässt sich auch mit unseren inventwo Slidern machen ;)

Danke, schau ich mir dann mal an ...

[topsurfer]

@skvarel sagte:

@topsurfer .. das lässt sich auch mit unseren inventwo Slidern machen ;)

OK, habe geschaut ... (vis2 inventwo design => Schieberegler)

• Das ändern der Sliderfarbe habe ich gefunden, aber kann man auch so einen "rautenfarbigen" Verlauf darstellen?

• Und das der Slider "read-only" ist, dafür habe ich auch nichts gefunden. Daumengröße auf Null bringt auch nicht, verstellen trotzdem möglich :-(

Danke!

[skvarel]

@topsurfer .. mein Sohn kümmert sich.

Ich war fest der Meinung repeating-linear-gradient würde bereist funktionieren. Dann war das wohl nur bei VIS1 drin.

https://github.com/inventwo/ioBroker.vis-2-widgets-inventwo/issues/244

[jkvarel]

@topsurfer mit v0.8.0 können die Schritte im Slider angezeigt werden. Außerdem funktionieren Farbverläufe und kann auf schreibgeschützt gestellt werden.

[topsurfer]

@jkvarel sagte:

mit v0.8.0 können die Schritte im Slider angezeigt werden. Außerdem funktionieren Farbverläufe und kann auf schreibgeschützt gestellt werden.

OK, danke; aber wo finde ich diese 0.8.0 Version, ist ja neu.
Habe auch mal auf das Beta-Repo umgeschaltet, dort wird es mir aber auch nicht angeboten.

(im "Stable" sehe nur die bereits installierte 0.7.2)

[skvarel]

@topsurfer

Die 0.8.0 ist zur Zeit nur Latest

[topsurfer]

(Sorry, war im falschen Thread, passte hier nur sub-optimal rein)

[topsurfer]

@jkvarel sagte:

@topsurfer mit v0.8.0 .... Außerdem funktionieren Farbverläufe und kann auf schreibgeschützt gestellt werden.

Habe nun 0.8.0 installiert, Option "schreibgeschützt" gibt es.
Aber wie kann ich diesen schraffierten Farbverlauf wählen, muss man diesen händig eintippen?
Im entsprechene Optionsfeld sehe ich nur was für den Farbverlauf:

( repeating-linear-gradient(-45deg) habe ich eingetragen, hat aber nichts bewirkt)

[jkvarel]

@topsurfer ja du musst den Verlauf selber eintragen. Z. B. repeating-linear-gradient(-45deg, #333333 0px, #333333 15px, #ba3b3b 15px, #ba3b3b 30px, #333333 30px)
Alles was im CSS für background zulässig ist kann dort eingetragen werden.