Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Jarvis Pulsierendes Icon

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    15
    1
    215

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.4k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

Jarvis Pulsierendes Icon

Scheduled Pinned Locked Moved Visualisierung
how-to
23 Posts 5 Posters 2.9k Views 7 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • D 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

    sigi234S Online
    sigi234S Online
    sigi234
    Forum Testing Most Active
    wrote on last edited by
    #2

    @dondolo

    Screenshot (3216)_LI.jpg

    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
    Immer Daten sichern!

    D 1 Reply Last reply
    1
    • sigi234S sigi234

      @dondolo

      Screenshot (3216)_LI.jpg

      D Offline
      D Offline
      Dondolo
      wrote on last edited by
      #3

      @sigi234

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

      ZefauZ sigi234S 2 Replies Last reply
      0
      • D Dondolo

        @sigi234

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

        ZefauZ Offline
        ZefauZ Offline
        Zefau
        wrote on last edited by
        #4

        @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.

        Meine Adapter: https://zefau.github.io/iobroker/

        D 2 Replies Last reply
        1
        • D Dondolo

          @sigi234

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

          sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          wrote on last edited by
          #5

          @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?

          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Immer Daten sichern!

          D 1 Reply Last reply
          1
          • ZefauZ 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.

            D Offline
            D Offline
            Dondolo
            wrote on last edited by
            #6

            @zefau Geht nicht über Iobroker richtig? Github?

            D 1 Reply Last reply
            0
            • sigi234S 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?

              D Offline
              D Offline
              Dondolo
              wrote on last edited by
              #7

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

              1 Reply Last reply
              1
              • D Dondolo

                @zefau Geht nicht über Iobroker richtig? Github?

                D Offline
                D Offline
                Dondolo
                wrote on last edited by
                #8

                @dondolo
                84dc7412-a9cd-44a9-bfed-123c04eab7b1-grafik.png

                hat nicht geklappt

                5739e53a-8013-4548-ada3-bd0f0fe8b257-grafik.png

                Hab ich über GitHub installiert?

                1 Reply Last reply
                0
                • ZefauZ 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.

                  D Offline
                  D Offline
                  Dondolo
                  wrote on last edited by
                  #9

                  @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.
                  c6941575-2574-435b-9377-db641bbd0c90-grafik.png

                  ZefauZ 1 Reply Last reply
                  0
                  • D 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.
                    c6941575-2574-435b-9377-db641bbd0c90-grafik.png

                    ZefauZ Offline
                    ZefauZ Offline
                    Zefau
                    wrote on last edited by
                    #10

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

                    Meine Adapter: https://zefau.github.io/iobroker/

                    D 2 Replies Last reply
                    0
                    • ZefauZ Zefau

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

                      D Offline
                      D Offline
                      Dondolo
                      wrote on last edited by
                      #11

                      @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

                      1 Reply Last reply
                      1
                      • ZefauZ Zefau

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

                        D Offline
                        D Offline
                        Dondolo
                        wrote on last edited by
                        #12

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

                        e552f0f2-1451-4fa3-bf91-3645b5cd5bda-grafik.png

                        fb7e219e-9993-4591-baff-b312a85c78cd-grafik.png

                        68649341-07ec-43fb-83ed-28a1e39a6af0-grafik.png

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

                        ZefauZ 1 Reply Last reply
                        0
                        • D Dondolo

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

                          e552f0f2-1451-4fa3-bf91-3645b5cd5bda-grafik.png

                          fb7e219e-9993-4591-baff-b312a85c78cd-grafik.png

                          68649341-07ec-43fb-83ed-28a1e39a6af0-grafik.png

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

                          ZefauZ Offline
                          ZefauZ Offline
                          Zefau
                          wrote on last edited by
                          #13

                          @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

                          Meine Adapter: https://zefau.github.io/iobroker/

                          D 1 Reply Last reply
                          0
                          • ZefauZ 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

                            D Offline
                            D Offline
                            Dondolo
                            wrote on last edited by
                            #14

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

                            652b5336-c1d7-4fea-9413-d049ebf17d22-grafik.png

                            1 Reply Last reply
                            0
                            • D 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

                              M Offline
                              M Offline
                              meskax
                              wrote on last edited by
                              #15

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

                              M 1 Reply Last reply
                              0
                              • M meskax

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

                                M Online
                                M Online
                                MCU
                                wrote on last edited by MCU
                                #16

                                @meskax

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

                                -> 6s blinkt es.

                                NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                M 1 Reply Last reply
                                0
                                • M MCU

                                  @meskax

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

                                  -> 6s blinkt es.

                                  M Offline
                                  M Offline
                                  meskax
                                  wrote on last edited by
                                  #17

                                  @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?!

                                  21e1bdb9-fe98-42ac-b05d-1ad5d65200b3-image.png

                                  M 1 Reply Last reply
                                  0
                                  • M 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?!

                                    21e1bdb9-fe98-42ac-b05d-1ad5d65200b3-image.png

                                    M Online
                                    M Online
                                    MCU
                                    wrote on last edited by
                                    #18

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

                                    NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                    M 1 Reply Last reply
                                    0
                                    • M MCU

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

                                      M Offline
                                      M Offline
                                      meskax
                                      wrote on last edited by
                                      #19

                                      @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"}

                                      M 1 Reply Last reply
                                      0
                                      • M 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"}

                                        M Online
                                        M Online
                                        MCU
                                        wrote on last edited by
                                        #20

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

                                        NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                        M 1 Reply Last reply
                                        0
                                        • M MCU

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

                                          M Offline
                                          M Offline
                                          meskax
                                          wrote on last edited by
                                          #21

                                          @mcu vergiss es, das Problem saß wie immer vor dem Rechner...
                                          Hab im Gerät SwitchAction als Element gehabt und im Widget IconButtonAction.
                                          Hab nun beides auf IconButtonIcon und es funktioniert!

                                          Danke dir!

                                          M 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          565

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe