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. [gelöst] kein CSS-blinken unter ViS 1.2.11

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    375

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

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

[gelöst] kein CSS-blinken unter ViS 1.2.11

Scheduled Pinned Locked Moved Visualisierung
vis
11 Posts 3 Posters 1.4k Views 3 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.
  • KnallochseK Offline
    KnallochseK Offline
    Knallochse
    wrote on last edited by Knallochse
    #1

    Ich benutze bei mehreren Widgets das Blinken per CSS Klasse.
    Das hat auch die ganze Zeit funktioniert. Seit dem Update auf die Vis Version 1.2.11 blinkt nichts mehr.
    Im CSS Reiter (Widget) steht aber noch alles

    .mdui-red-blink   {
      animation: mdui-red-blink-ani 1s linear infinite;
    }
    @keyframes mdui-red-blink-ani  {
      0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); }
      51% {filter: none;}
    
    }
    .mdui-yellow-blink {
      animation: mdui-yellow-blink-ani 1s linear infinite;
    }
    @keyframes mdui-yellow-blink-ani  {
      0%,50% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); }
      51% {filter: none;}
    
    }
    .mdui-blue-blink {
      animation: mdui-blue-blink-ani 1s linear infinite;
    }
    @keyframes mdui-blue-blink-ani  {
      0%,50% {filter: drop-shadow(0px 0px 4px #2B95F3) drop-shadow(0px 0px 4px #2B95F3) drop-shadow(0px 0px 4px #2B95F3); }
      51% {filter: none;}
    }
    .mdui-green-blink {
      animation: mdui-green-blink-ani 1s linear infinite;
    }
    @keyframes mdui-green-blink-ani  {
      0%,50% {filter: drop-shadow(0px 0px 4px #4CAF50) drop-shadow(0px 0px 4px #4CAF50) drop-shadow(0px 0px 4px #4CAF50); }
      51% {filter: none;}
    }
    

    So sieht das Binding aus:

    {val:hm-rpc.2.000C17099A0031.1.PRESENCE_DETECTION_STATE; val=="true" ? "mdui-red-blink": val=="false" ? "": ""}
    

    Könnte das bitte mal jemand gegenprüfen?

    Danke im Voraus

    HM&HMIP über 100 Geräte + IoBroker auf DS918+ uvm.

    liv-in-skyL 2 Replies Last reply
    0
    • KnallochseK Knallochse

      Ich benutze bei mehreren Widgets das Blinken per CSS Klasse.
      Das hat auch die ganze Zeit funktioniert. Seit dem Update auf die Vis Version 1.2.11 blinkt nichts mehr.
      Im CSS Reiter (Widget) steht aber noch alles

      .mdui-red-blink   {
        animation: mdui-red-blink-ani 1s linear infinite;
      }
      @keyframes mdui-red-blink-ani  {
        0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); }
        51% {filter: none;}
      
      }
      .mdui-yellow-blink {
        animation: mdui-yellow-blink-ani 1s linear infinite;
      }
      @keyframes mdui-yellow-blink-ani  {
        0%,50% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); }
        51% {filter: none;}
      
      }
      .mdui-blue-blink {
        animation: mdui-blue-blink-ani 1s linear infinite;
      }
      @keyframes mdui-blue-blink-ani  {
        0%,50% {filter: drop-shadow(0px 0px 4px #2B95F3) drop-shadow(0px 0px 4px #2B95F3) drop-shadow(0px 0px 4px #2B95F3); }
        51% {filter: none;}
      }
      .mdui-green-blink {
        animation: mdui-green-blink-ani 1s linear infinite;
      }
      @keyframes mdui-green-blink-ani  {
        0%,50% {filter: drop-shadow(0px 0px 4px #4CAF50) drop-shadow(0px 0px 4px #4CAF50) drop-shadow(0px 0px 4px #4CAF50); }
        51% {filter: none;}
      }
      

      So sieht das Binding aus:

      {val:hm-rpc.2.000C17099A0031.1.PRESENCE_DETECTION_STATE; val=="true" ? "mdui-red-blink": val=="false" ? "": ""}
      

      Könnte das bitte mal jemand gegenprüfen?

      Danke im Voraus

      liv-in-skyL Offline
      liv-in-skyL Offline
      liv-in-sky
      wrote on last edited by
      #2

      @Knallochse probier mal das true und false ohne anführungszeichen

      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

      1 Reply Last reply
      0
      • KnallochseK Knallochse

        Ich benutze bei mehreren Widgets das Blinken per CSS Klasse.
        Das hat auch die ganze Zeit funktioniert. Seit dem Update auf die Vis Version 1.2.11 blinkt nichts mehr.
        Im CSS Reiter (Widget) steht aber noch alles

        .mdui-red-blink   {
          animation: mdui-red-blink-ani 1s linear infinite;
        }
        @keyframes mdui-red-blink-ani  {
          0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); }
          51% {filter: none;}
        
        }
        .mdui-yellow-blink {
          animation: mdui-yellow-blink-ani 1s linear infinite;
        }
        @keyframes mdui-yellow-blink-ani  {
          0%,50% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); }
          51% {filter: none;}
        
        }
        .mdui-blue-blink {
          animation: mdui-blue-blink-ani 1s linear infinite;
        }
        @keyframes mdui-blue-blink-ani  {
          0%,50% {filter: drop-shadow(0px 0px 4px #2B95F3) drop-shadow(0px 0px 4px #2B95F3) drop-shadow(0px 0px 4px #2B95F3); }
          51% {filter: none;}
        }
        .mdui-green-blink {
          animation: mdui-green-blink-ani 1s linear infinite;
        }
        @keyframes mdui-green-blink-ani  {
          0%,50% {filter: drop-shadow(0px 0px 4px #4CAF50) drop-shadow(0px 0px 4px #4CAF50) drop-shadow(0px 0px 4px #4CAF50); }
          51% {filter: none;}
        }
        

        So sieht das Binding aus:

        {val:hm-rpc.2.000C17099A0031.1.PRESENCE_DETECTION_STATE; val=="true" ? "mdui-red-blink": val=="false" ? "": ""}
        

        Könnte das bitte mal jemand gegenprüfen?

        Danke im Voraus

        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        wrote on last edited by liv-in-sky
        #3

        @Knallochse

        {val:hm-rpc.2.000C17099A0031.1.PRESENCE_DETECTION_STATE; val==true ? "mdui-red-blink" : ""}
        

        so sollte es auch funktionieren

        bei true mach "blink" - bei false mache "nix und sonst mache nix - es gibt ja nur true oder false

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        KnallochseK 1 Reply Last reply
        1
        • liv-in-skyL liv-in-sky

          @Knallochse

          {val:hm-rpc.2.000C17099A0031.1.PRESENCE_DETECTION_STATE; val==true ? "mdui-red-blink" : ""}
          

          so sollte es auch funktionieren

          bei true mach "blink" - bei false mache "nix und sonst mache nix - es gibt ja nur true oder false

          KnallochseK Offline
          KnallochseK Offline
          Knallochse
          wrote on last edited by
          #4

          @liv-in-sky sagte in kein CSS-blinken unter ViS 1.2.11:

          {val:hm-rpc.2.000C17099A0031.1.PRESENCE_DETECTION_STATE; val==true ? "mdui-red-blink" : ""}

          Dankeschön, so funktioniert es wieder.
          Muss sich aber was im VIS geändert haben.

          HM&HMIP über 100 Geräte + IoBroker auf DS918+ uvm.

          liv-in-skyL 1 Reply Last reply
          0
          • KnallochseK Knallochse

            @liv-in-sky sagte in kein CSS-blinken unter ViS 1.2.11:

            {val:hm-rpc.2.000C17099A0031.1.PRESENCE_DETECTION_STATE; val==true ? "mdui-red-blink" : ""}

            Dankeschön, so funktioniert es wieder.
            Muss sich aber was im VIS geändert haben.

            liv-in-skyL Offline
            liv-in-skyL Offline
            liv-in-sky
            wrote on last edited by
            #5

            @Knallochse ja hat es - das problem hatten wir schon in einem anderen thread

            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

            KnallochseK 1 Reply Last reply
            1
            • liv-in-skyL liv-in-sky

              @Knallochse ja hat es - das problem hatten wir schon in einem anderen thread

              KnallochseK Offline
              KnallochseK Offline
              Knallochse
              wrote on last edited by
              #6

              @liv-in-sky Sorry, habe ich nicht mitbekommen. Könntest du mir kurz beschreiben was sich geändert hat?

              HM&HMIP über 100 Geräte + IoBroker auf DS918+ uvm.

              liv-in-skyL 1 Reply Last reply
              0
              • KnallochseK Knallochse

                @liv-in-sky Sorry, habe ich nicht mitbekommen. Könntest du mir kurz beschreiben was sich geändert hat?

                liv-in-skyL Offline
                liv-in-skyL Offline
                liv-in-sky
                wrote on last edited by liv-in-sky
                #7

                @Knallochse weiß ich auch nicht so genau

                aber normalerweise ist die abfrage nach boolean werten x == true in javascript - im binding in der vis war das aber nicht so - da nutze man x=="true" ( was eigentlich eine string-abfrage ist)

                mit dem update hat sich das geändert - hatten wir durch "rumprobieren" festgestellt

                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                KnallochseK 1 Reply Last reply
                1
                • liv-in-skyL liv-in-sky

                  @Knallochse weiß ich auch nicht so genau

                  aber normalerweise ist die abfrage nach boolean werten x == true in javascript - im binding in der vis war das aber nicht so - da nutze man x=="true" ( was eigentlich eine string-abfrage ist)

                  mit dem update hat sich das geändert - hatten wir durch "rumprobieren" festgestellt

                  KnallochseK Offline
                  KnallochseK Offline
                  Knallochse
                  wrote on last edited by
                  #8

                  @liv-in-sky Nochmals Danke. Stressfreien Tag wünsche ich dir.

                  HM&HMIP über 100 Geräte + IoBroker auf DS918+ uvm.

                  1 Reply Last reply
                  1
                  • S Offline
                    S Offline
                    sunny9999
                    wrote on last edited by
                    #9

                    @liv-in-sky
                    Hab ähnliches Thema, in einer VIS von mir will ich ein Widget zum Blinken bringen,
                    trag ich den Wert mdui-red-blink in das CSS Feld ein blink es...
                    Nun will ich das ganze in Abhängigkeit von einem Datenpunkt machen :
                    Mein Code sieht wie folgt aus : ( Mein VIS Version ist 1.4.15

                    {wert:javascript.0.FensterTuerenUeberwachung.Büro.RoomIsOpen; wert==true ? "mdui-red-blink": wert==false ? "": ""}
                    

                    Hab schon alles mögliche probiert, siehe Eure Hinweise von oben, es geht nicht...
                    Wo liegt der Fehler ?
                    Danke für Eure Hilfe...
                    Grüße

                    Sunny

                    liv-in-skyL 1 Reply Last reply
                    0
                    • S sunny9999

                      @liv-in-sky
                      Hab ähnliches Thema, in einer VIS von mir will ich ein Widget zum Blinken bringen,
                      trag ich den Wert mdui-red-blink in das CSS Feld ein blink es...
                      Nun will ich das ganze in Abhängigkeit von einem Datenpunkt machen :
                      Mein Code sieht wie folgt aus : ( Mein VIS Version ist 1.4.15

                      {wert:javascript.0.FensterTuerenUeberwachung.Büro.RoomIsOpen; wert==true ? "mdui-red-blink": wert==false ? "": ""}
                      

                      Hab schon alles mögliche probiert, siehe Eure Hinweise von oben, es geht nicht...
                      Wo liegt der Fehler ?
                      Danke für Eure Hilfe...
                      Grüße

                      Sunny

                      liv-in-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      wrote on last edited by
                      #10

                      @sunny9999 sagte in [gelöst] kein CSS-blinken unter ViS 1.2.11:

                      {wert:javascript.0.FensterTuerenUeberwachung.Büro.RoomIsOpen; wert==true ? "mdui-red-blink": wert==false ? "": ""}

                      probier mal

                      {wert:javascript.0.FensterTuerenUeberwachung.Büro.RoomIsOpen; wert=="true" ? "mdui-red-blink" :  ""} 
                      

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      S 1 Reply Last reply
                      0
                      • liv-in-skyL liv-in-sky

                        @sunny9999 sagte in [gelöst] kein CSS-blinken unter ViS 1.2.11:

                        {wert:javascript.0.FensterTuerenUeberwachung.Büro.RoomIsOpen; wert==true ? "mdui-red-blink": wert==false ? "": ""}

                        probier mal

                        {wert:javascript.0.FensterTuerenUeberwachung.Büro.RoomIsOpen; wert=="true" ? "mdui-red-blink" :  ""} 
                        
                        S Offline
                        S Offline
                        sunny9999
                        wrote on last edited by
                        #11

                        @liv-in-sky sagte in [gelöst] kein CSS-blinken unter ViS 1.2.11:

                        {wert:javascript.0.FensterTuerenUeberwachung.Büro.RoomIsOpen; wert=="true" ? "mdui-red-blink" : ""}

                        TOP !!!
                        RENNT
                        Vielen Dank....was so ein kleiner Unterschied doch ausmacht.....

                        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

                        631

                        Online

                        32.7k

                        Users

                        82.5k

                        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