Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [gelöst] kein CSS-blinken unter ViS 1.2.11

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • Knallochse
      Knallochse last edited by 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-sky 2 Replies Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @Knallochse last edited by

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

        1 Reply Last reply Reply Quote 0
        • liv-in-sky
          liv-in-sky @Knallochse last edited by 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

          Knallochse 1 Reply Last reply Reply Quote 1
          • Knallochse
            Knallochse @liv-in-sky last edited by

            @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-sky 1 Reply Last reply Reply Quote 0
            • liv-in-sky
              liv-in-sky @Knallochse last edited by

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

              Knallochse 1 Reply Last reply Reply Quote 1
              • Knallochse
                Knallochse @liv-in-sky last edited by

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

                liv-in-sky 1 Reply Last reply Reply Quote 0
                • liv-in-sky
                  liv-in-sky @Knallochse last edited by 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

                  Knallochse 1 Reply Last reply Reply Quote 1
                  • Knallochse
                    Knallochse @liv-in-sky last edited by

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

                    1 Reply Last reply Reply Quote 1
                    • S
                      sunny9999 last edited by

                      @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-sky 1 Reply Last reply Reply Quote 0
                      • liv-in-sky
                        liv-in-sky @sunny9999 last edited by

                        @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 1 Reply Last reply Reply Quote 0
                        • S
                          sunny9999 @liv-in-sky last edited by

                          @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 Reply Quote 0
                          • First post
                            Last post

                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          710
                          Online

                          31.7k
                          Users

                          79.7k
                          Topics

                          1.3m
                          Posts

                          vis
                          3
                          11
                          979
                          Loading More Posts
                          • Oldest to Newest
                          • Newest to Oldest
                          • Most Votes
                          Reply
                          • Reply as topic
                          Log in to reply
                          Community
                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                          The ioBroker Community 2014-2023
                          logo