Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. VIS Text Widget zum blinken bringen

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    VIS Text Widget zum blinken bringen

    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      MarcoGoldau last edited by

      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

      Ro75 1 Reply Last reply Reply Quote 0
      • Ro75
        Ro75 @MarcoGoldau last edited by 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 1 Reply Last reply Reply Quote 0
        • M
          MarcoGoldau @Ro75 last edited by

          @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 ! 🙂

          Ro75 1 Reply Last reply Reply Quote 0
          • Ro75
            Ro75 @MarcoGoldau last edited by 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 1 Reply Last reply Reply Quote 0
            • M
              MarcoGoldau @Ro75 last edited by

              @ro75 Danke, hat geklappt !

              1 Reply Last reply Reply Quote 0
              • First post
                Last post

              Support us

              ioBroker
              Community Adapters
              Donate

              743
              Online

              31.9k
              Users

              80.1k
              Topics

              1.3m
              Posts

              2
              5
              305
              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