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

[iobroker-123]

Hallo Community,

ggf. ein Anfängerfehler.
Ich habe ein "value list html style" widget. Hier habe ich im Style ein Blinken für einen bestimmten Status. Im Editor wird das auch korrekt durchgeführt. In der Runtime blinkt aber nichts. CSS-Farbe und andere CSS-Einstellungen werden übernommen. Ich verstehe das hier irgendwie nicht.
Getestet in FF, Chrome und Safari (Ipad).
Vis-Version 1.3.4

Hier mal das Widget, sollte aber nichts kompliziertes sein...

[{"tpl":"tplValueListHtml8","data":{"oid":"mqtt.0.Waschkueche.Trockner.inAction","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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","count":"3","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,"value0":"♦","value1":"ΙΙ","value2":"➥","value3":"■","test_list":"3","style0":"color:#222222","style2":"color:#FFFF00","style1":"color:#ffa600;animation: blinker 1s linear infinite;","style3":"color:#00FF00;animation: blinker 1s linear infinite;","class":""},"style":{"left":"324px","top":"209px","font-style":"","font-weight":"normal","font-size":"x-large","width":"19px","height":"30px"},"widgetSet":"basic"}]

Kann das jemand nachvollziehen?

[liv-in-sky]

@iobroker-123

bei mir blinkt das nur in der runtime, wenn ich im css tab einen eintrag für blinken habe:

.blinker {
  animation: blinker 5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}