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. VIS Text Widget zum blinken bringen

NEWS

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

  • 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

VIS Text Widget zum blinken bringen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
5 Beiträge 2 Kommentatoren 482 Aufrufe 1 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.
  • M Offline
    M Offline
    MarcoGoldau
    schrieb am zuletzt editiert von
    #1

    Moin zusammen, ich bin hier am verzweifeln.
    Ich möchte das ein Textwidget z.B. Text:10:00 Uhr anfängt zwischen 10:00-11:00 Uhr zu blinken.

    Das ganze möchte ich dann von 5:00 Uhr bis 23:00 Uhr, das quasi immer die Zeit blinkt, welche auch aktuell ist.
    Möchte das für den aktuellen Strompreis visualisieren damit man es einfacher ablesen kann.

    Habe schon mit dem CSS Tool blink gearbeitet, bekomme es aber nicht hin...

    Bitte um Hilfe

    Ro75R 1 Antwort Letzte Antwort
    0
    • M MarcoGoldau

      Moin zusammen, ich bin hier am verzweifeln.
      Ich möchte das ein Textwidget z.B. Text:10:00 Uhr anfängt zwischen 10:00-11:00 Uhr zu blinken.

      Das ganze möchte ich dann von 5:00 Uhr bis 23:00 Uhr, das quasi immer die Zeit blinkt, welche auch aktuell ist.
      Möchte das für den aktuellen Strompreis visualisieren damit man es einfacher ablesen kann.

      Habe schon mit dem CSS Tool blink gearbeitet, bekomme es aber nicht hin...

      Bitte um Hilfe

      Ro75R Offline
      Ro75R Offline
      Ro75
      schrieb am zuletzt editiert von Ro75
      #2

      @marcogoldau relativ einfach.

      in der VIS im Register CSS

      .blink {
        animation: blinker 3s linear infinite;
      }
        
      @keyframes blinker {
        40% {
          opacity: 0;
        }
      }
      

      Dann erstellst du unter "0_userdata.0.xxx.yyy" einen Datenpunkt vom Wert Zeichenkette. Diesen Datenpunkt befüllst du nach Wunsch (Uhrzeit) via Skript oder Blockly mit dem Wert "blink" (da soll es dann blinken) oder einfach leer lassen (da soll es nicht blinken)

      In der VIS dann bei dem Objekt (Text, Bild,...) bei CSS Klasse

      {Dein befüllter Datenpunkt}
      

      Fertig.

      Ro75.

      SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

      M 1 Antwort Letzte Antwort
      0
      • Ro75R Ro75

        @marcogoldau relativ einfach.

        in der VIS im Register CSS

        .blink {
          animation: blinker 3s linear infinite;
        }
          
        @keyframes blinker {
          40% {
            opacity: 0;
          }
        }
        

        Dann erstellst du unter "0_userdata.0.xxx.yyy" einen Datenpunkt vom Wert Zeichenkette. Diesen Datenpunkt befüllst du nach Wunsch (Uhrzeit) via Skript oder Blockly mit dem Wert "blink" (da soll es dann blinken) oder einfach leer lassen (da soll es nicht blinken)

        In der VIS dann bei dem Objekt (Text, Bild,...) bei CSS Klasse

        {Dein befüllter Datenpunkt}
        

        Fertig.

        Ro75.

        M Offline
        M Offline
        MarcoGoldau
        schrieb am zuletzt editiert von
        #3

        @ro75 Danke für die schnelle Antwort.

        Im Register CSS habe ich dein Text eingefügt.

        Den Datenpunkt habe ich als Zeichenkette erstellt.

        Ich habe erst mal Manuell blink in den Wert des Datenpunktes geschrieben.

        Auf dem Basic String widget habe ich bei CSS Klasse 0_userdata.0.5:00 eingefügt. Der Datenpunkt heißt 5:00.

        Leider fängt es nicht an zu blinken :/

        Wenn ich blink bei CSS Klasse reinschreibe, blinkt mein Text.

        Was mache ich noch falsch ?

        Danke im voraus ! :)

        Ro75R 1 Antwort Letzte Antwort
        0
        • M MarcoGoldau

          @ro75 Danke für die schnelle Antwort.

          Im Register CSS habe ich dein Text eingefügt.

          Den Datenpunkt habe ich als Zeichenkette erstellt.

          Ich habe erst mal Manuell blink in den Wert des Datenpunktes geschrieben.

          Auf dem Basic String widget habe ich bei CSS Klasse 0_userdata.0.5:00 eingefügt. Der Datenpunkt heißt 5:00.

          Leider fängt es nicht an zu blinken :/

          Wenn ich blink bei CSS Klasse reinschreibe, blinkt mein Text.

          Was mache ich noch falsch ?

          Danke im voraus ! :)

          Ro75R Offline
          Ro75R Offline
          Ro75
          schrieb am zuletzt editiert von Ro75
          #4

          @marcogoldau sagte in VIS Text Widget zum blinken bringen:

          0_userdata.0.5:00 eingefügt.

          ist ja auch falsch

          {DEIN DATENPUNKT}
          

          Innherhalb der geschweiften Klammern muss der Datenpunkt mit dem Wert blink stehen.

          @marcogoldau sagte in VIS Text Widget zum blinken bringen:

          Der Datenpunkt heißt 5:00.

          In Bezeichnungen keine Sonderzeichen oder Leerzeichen. Ein Doppelpinkt ist mehr als schlecht.

          Ro75.

          EDIT: Das BLINKEN GEHT NUR ZUR LAUFZEIT. NICHT IM EDITOR!

          SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

          M 1 Antwort Letzte Antwort
          0
          • Ro75R Ro75

            @marcogoldau sagte in VIS Text Widget zum blinken bringen:

            0_userdata.0.5:00 eingefügt.

            ist ja auch falsch

            {DEIN DATENPUNKT}
            

            Innherhalb der geschweiften Klammern muss der Datenpunkt mit dem Wert blink stehen.

            @marcogoldau sagte in VIS Text Widget zum blinken bringen:

            Der Datenpunkt heißt 5:00.

            In Bezeichnungen keine Sonderzeichen oder Leerzeichen. Ein Doppelpinkt ist mehr als schlecht.

            Ro75.

            EDIT: Das BLINKEN GEHT NUR ZUR LAUFZEIT. NICHT IM EDITOR!

            M Offline
            M Offline
            MarcoGoldau
            schrieb am zuletzt editiert von
            #5

            @ro75 Danke, hat geklappt !

            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

            882

            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