Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

Jarvis Pulsierendes Icon

Geplant Angeheftet Gesperrt Verschoben Visualisierung
how-to
23 Beiträge 5 Kommentatoren 2.7k Aufrufe 7 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • D Offline
    D Offline
    Dondolo
    schrieb am zuletzt editiert von
    #1

    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 M 2 Antworten Letzte Antwort
    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

      sigi234S Online
      sigi234S Online
      sigi234
      Forum Testing Most Active
      schrieb am zuletzt editiert von
      #2

      @dondolo

      Screenshot (3216)_LI.jpg

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

      D 1 Antwort Letzte Antwort
      1
      • sigi234S sigi234

        @dondolo

        Screenshot (3216)_LI.jpg

        D Offline
        D Offline
        Dondolo
        schrieb am zuletzt editiert von
        #3

        @sigi234

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

        ZefauZ sigi234S 2 Antworten Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antworten Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #6

              @zefau Geht nicht über Iobroker richtig? Github?

              D 1 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #7

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

                1 Antwort Letzte Antwort
                1
                • D Dondolo

                  @zefau Geht nicht über Iobroker richtig? Github?

                  D Offline
                  D Offline
                  Dondolo
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antworten Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #15

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

                                M 1 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                  0
                                  • M MCU

                                    @meskax

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

                                    -> 6s blinkt es.

                                    M Offline
                                    M Offline
                                    meskax
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          666

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe