Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[tourer4778]

Hallo, ich nutze das ValueList Widget und würde bei einem Stil einen Rand haben.
Kann mir jemand sagen, was ich falsch gemacht habe,oder was fehlt?
Stil :
background-color: #787878; border-style:solid; border-color:#fe0000"; border-width:2px

[bahnuhr]

@tourer4778
Diene Angaben sehen richtig aus.
Zeigt mal ein Screenshot.

[tourer4778]

@bahnuhr sagte in ValueList Stil mit Rand:

Zeigt mal ein Screenshot.

[bahnuhr]

@tourer4778
Screenshot von vis.edit
und zwar hier die Einstellungen bei border

[tourer4778]

@bahnuhr
Unter border habe ich dort gar nichts eingetragen, dann wäre es ja für alle.
Ich möchte nur einen Wert mit Rand.

[bahnuhr]

@tourer4778
bei Rand heißt dies aber border.

Und ja, bei mir funktioniert dies genau so wie du es gemacht hast.
Allerdings ohne Leertaste

[tourer4778]

@bahnuhr
Leerzeich ändert leider nichts.
Wenn ich bei border etwas eintrage, zählt das für alle. Ich möchter aber nur bei Wert 2 den Rand.
Mhhh

[Homoran]

@tourer4778 sagte in ValueList Stil mit Rand:

@bahnuhr
Leerzeich ändert leider nichts.
Wenn ich bei border etwas eintrage, zählt das für alle. Ich möchter aber nur bei Wert 2 den Rand.
Mhhh

ist ja klar, aber nicht background color sondern border-color oder was passendes

[tourer4778]

@homoran
steh gerade auf dem Schlauch.
backround geht, aber der Rand wird mir nicht richtig angezeigt.
background-color:#787878;border-width:2px;border-style:ridge;border-color:#fe0000;

[bahnuhr]

@tourer4778 sagte in ValueList Stil mit Rand:

@homoran
steh gerade auf dem Schlauch.
backround geht, aber der Rand wird mir nicht richtig angezeigt.
background-color:#787878;border-width:2px;border-style:ridge;border-color:#fe0000;

Ist bei mir auch so. Scheint ein bug zu sein.

Bleibt nur noch ein bindings bei border.

[Homoran]

@tourer4778 sagte in ValueList Stil mit Rand:

@homoran
steh gerade auf dem Schlauch.
backround geht, aber der Rand wird mir nicht richtig angezeigt.
background-color:#787878;border-width:2px;border-style:ridge;border-color:#fe0000;

aber im letzten screenshot war der Rand schwarz

[Homoran]

@bahnuhr ist das ein jqui widget? Muss da nicht irgend eine Checkbox für (de)aktiviert werden?

[bahnuhr]

@homoran sagte in ValueList Stil mit Rand:

aber im letzten screenshot war der Rand schwarz

Rainer, ich habs auch nicht hinbekommen.
Sieht wirklich nach einem bug aus.
Trägt man alles bei border ein, ist der Rand an allen 4 Seiten.
Trägt man dies bei stile ein, ist der Rand nur oben und links.

[bahnuhr]

@homoran sagte in ValueList Stil mit Rand:

ist das ein jqui widget?

ne, ich hatte es probiert mit
valuelist html style

[bahnuhr]

@tourer4778

probier mal sowas unten bei border.style einzutragen:

{n:dein_DP;(n==0)?"solid":"none"}

Bei dein_DP natürliche deinen DP eintragen.
Und bei "n==0" die Zahl oder den Wert den du möchtest.

Bei mir läuft dies.

[tourer4778]

@homoran

aber im letzten screenshot war der Rand schwarz

Ja, hatte ein noch ein fehler drin. Hatte ein " in der Zeile.

@bahnuhr
Versuche ich heute abend. Danke schon mal.

[OliverIO]

@tourer4778 sagte in ValueList Stil mit Rand:

@homoran
steh gerade auf dem Schlauch.
backround geht, aber der Rand wird mir nicht richtig angezeigt.
background-color:#787878;border-width:2px;border-style:ridge;border-color:#fe0000;

Border style steht auf Ridge.
Das ist ein 3d Rand. Die vorgegebene Farbe wird dann Ei 2 Kanten umgerechnet. Besser wäre border style solid

[bahnuhr]

@oliverio sagte in ValueList Stil mit Rand:

Besser wäre border style solid

bei solid kommt das gleiche.
Habe es ausprobiert.

[OliverIO]

@bahnuhr
Dann muss man mit den Developer Tools des Browsers schauen
Weilche css Einstellungen da tatsächlich wirken und wo die herkommen.