Hi, dank Eurer Anregungen habe ich es hinbekommen, so klappt es jetzt:

{v:sonnen.0.status.flowConsumptionBattery; (v === false || v === "false" || v === 0 || v === "0") ? "pulseShadow" : ""}

@oliverio ok, danke, du meinst so? So funktioniert es leider nicht (auch nicht im HTML widget)

{sonnen.0.status.flowConsumptionBattery ? "" : "pulseShadow"}

Das Object sieht übrigens so aus:

@sigi234 2.9.64

@sigi234 Ja VIS-2

Ich habe es auch mit einer "Bindung" der CSS-Klasse probiert, klappt leider auch nicht.

{sonnen.0.status.flowConsumptionBattery:false;pulseShadow}

Hi, ich versuche ein Widget bei einer bestimmten Bedingung pulsieren zu lassen (VIS-2). Kann mir jmd sagen was ich falsch mache?

Ich habe CSS so definiert:

.pulseShadow {
  animation: shadowPulse 3s infinite ease-in-out;
}

@keyframes shadowPulse {
  0% {
    box-shadow: 0 0 10px 4px rgba(76, 175, 80, 0.4);
  }
  50% {
    box-shadow: 0 0 20px 10px rgba(76, 175, 80, 0.8);
  }
  100% {
    box-shadow: 0 0 10px 4px rgba(76, 175, 80, 0.4);
  }
}

und dann ein Script:

    let bedingung = getState("sonnen.0.status.flowConsumptionBattery").val;
    if (true) {
      $("[data-wid=w000005]").addClass("pulseShadow");
    } else {
      $("[data-wid=w000005]").removeClass("pulseShadow");
    }

Das Pulsieren ohne Bedingung klappt, nur das An- und Ausschalten bei true / false nicht.

Vielen Dank für Eure Hilfe.