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 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
                        • M MCU

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

                          M Offline
                          M Offline
                          meskax
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von 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 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

                              884

                              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