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

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

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.
  • 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
                        • M meskax

                          @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 Offline
                          M Offline
                          meskax
                          wrote on last edited by
                          #22

                          @meskax said in Jarvis Pulsierendes Icon:

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

                          Jetzt hab ich aber doch noch eine Frage, das Icon blinkt immer wenn ich die Seite aufrufe/aktualisiere, da der IconButtonAction immer an/true ist und der Status True im Icon Code hinterlegt. Ich hätte aber gerne das es nur blinkt wenn ich den Button/Taster drücke, gibt es noch was anderes außer "true", sodass es nur beim Betätigen anfängt zu blinken und nicht aufgrund des Status True?

                          M 1 Reply Last reply
                          0
                          • M meskax

                            @meskax said in Jarvis Pulsierendes Icon:

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

                            Jetzt hab ich aber doch noch eine Frage, das Icon blinkt immer wenn ich die Seite aufrufe/aktualisiere, da der IconButtonAction immer an/true ist und der Status True im Icon Code hinterlegt. Ich hätte aber gerne das es nur blinkt wenn ich den Button/Taster drücke, gibt es noch was anderes außer "true", sodass es nur beim Betätigen anfängt zu blinken und nicht aufgrund des Status True?

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

                            @meskax Mir ist keine Möglichkeit bekannt. Es gibt die onclick Funktion. Nur weiss ich nicht ob man die abfragen kann?

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

                            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

                            534

                            Online

                            32.6k

                            Users

                            82.3k

                            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