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

NEWS

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

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

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

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
11 Beiträge 3 Kommentatoren 1.3k Aufrufe 3 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.
  • KnallochseK Nicht stören
    KnallochseK Nicht stören
    Knallochse
    schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
        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 Nicht stören
          KnallochseK Nicht stören
          Knallochse
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            1
            • liv-in-skyL liv-in-sky

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

              KnallochseK Nicht stören
              KnallochseK Nicht stören
              Knallochse
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                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 Nicht stören
                  KnallochseK Nicht stören
                  Knallochse
                  schrieb am zuletzt editiert von
                  #8

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

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

                  1 Antwort Letzte Antwort
                  1
                  • S Offline
                    S Offline
                    sunny9999
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 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

                        613

                        Online

                        32.5k

                        Benutzer

                        81.6k

                        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