Monatsrückblick Januar/Februar 2026 ist online!

[Dondolo]

Hi,
fand die Möglichkeit eines pulsierendes Icon sehr interessant, bekomme aber die Einstellung unter Styles nicht hin.
Wo genau muss ich den Code

Um ein pulsierendes Icon zu erzeugen muss in den Einstellungen unter Styles zunächst der folgende Code hinzugefügt werden

.blink {
    animation: blinker 1s linear infinite;
}

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

einfügen. Ich hoffe er ist nur ein geringer Aufwand.
Gruß Dondolo

[sigi234]

@dondolo

[Dondolo]

@sigi234

Das sieht schon mal gut aus, habe aber leider den Menupunkt Styles (pro) nicht, kostenpflichtige Version?

[Zefau]

@dondolo sagte in Jarvis Pulsierendes Icon:

Das sieht schon mal gut aus, habe aber leider den Menupunkt Styles (pro) nicht, kostenpflichtige Version?

Musst du auf 2.1 upgraden, dann hast du den Tab.

[sigi234]

@dondolo sagte in Jarvis Pulsierendes Icon:

@sigi234

Das sieht schon mal gut aus, habe aber leider den Menupunkt Styles (pro) nicht, kostenpflichtige Version?

Negativ bewertet?

[Dondolo]

@zefau Geht nicht über Iobroker richtig? Github?

[Dondolo]

@sigi234
war blöd von mir, auf die Schnelle daneben getippt und nicht richtig geschaut, tschuldigung;-))

[Dondolo]

@dondolo

hat nicht geklappt

Hab ich über GitHub installiert?

[Dondolo]

@zefau sagte in Jarvis Pulsierendes Icon:

@dondolo sagte in Jarvis Pulsierendes Icon:

Das sieht schon mal gut aus, habe aber leider den Menupunkt Styles (pro) nicht, kostenpflichtige Version?

Musst du auf 2.1 upgraden, dann hast du den Tab.

Wurde ein update auf 2.2 beta, jetzt gehen die Icons nicht mehr.

[Zefau]

@dondolo uploade jarvis nochmal und starte den Web Adapter mal durch. Und Puffer im Web Adapter deaktivieren

[Dondolo]

@zefau
Hi ZeFau das hat geklappt.
Vielen Dank für diese schöne und einfach umzusetzende Visualisierung. ich bin noch am ausprobieren und entdecken was so geht.
Gruß Dondolo

[Dondolo]

@zefau
Hi zefau, dass Update hat geklappt nur pulsiert nix, was mach ich falsch?

{"=<0":"mdi-thermometer blink",">25":"mdi-thermometer blink"}

[Zefau]

@dondolo du hast die Icons im Style eingetragen. Der Style (= Stil) dient der Formatierung des Aussehens.

Siehe Wiki: https://zefau.gitbook.io/jarvis-de/geraete/devices#icon und https://zefau.gitbook.io/jarvis-de/layout/examples

[Dondolo]

@zefau ..genau weil ich nicht wusste wo sonst, es soll doch in den Widget Eigenschaften eingetragen werden aber wo finde ich die?

[meskax]

Kann man zufällig auch irgendwie festlegen, dass das Icon nur eine bestimmte Anzahl von Sekunden blinkt?

[MCU]

@meskax

.blink {animation: blinker 2s linear 3; } 
@keyframes blinker {  50% {opacity: 0;}}

-> 6s blinkt es.

[meskax]

@mcu

Danke dir, das hilft schonmal. Ich schaffe es aber nicht, bei einem Action Element: Switch Action das Icon Format so anzupassen, dass das Icon anfängt zu blinken für 6 Sekunden, sobald man den Button drückt. Bei Switch Action Schaltern funktioniert es, mache bestimmt was falsch?!

[MCU]

@meskax Bin etwas irritiert. Mal funktioniert Switch-Action mal nicht?
Schreib auch den Teil mit blink in Code-tags (<>).

[meskax]

@mcu

Sorry, brauche wohl nochmal einen Kaffee ;) meinte bei SwitchAction funktioniert es und bei IconButtonAction nicht.

2 Beispiele

funktioniert / SwitchAction
{"true":"waves blink","false":"waves"}

funktioniert nicht / IconButtonAction
{"true":"garage-variant blink","false":"garage-variant"}

[MCU]

@meskax Versuch es mit einem anderen Icon. Manche Kominationen mit blink funktionieren nicht.