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.6k

[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 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 Offline
        KnallochseK Offline
        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 Offline
            KnallochseK Offline
            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 Offline
                KnallochseK Offline
                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

                      671

                      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