Autor Thema: FTUI 2 - Symbol soll erscheinen und blinken sobald Kontakt sich öffnet  (Gelesen 283 mal)

Offline kaptainlu

  • New Member
  • *
  • Beiträge: 39
Hallo zusammen,

stehe gerade auf dem Schlauch und benötige daher ein wenig Unterstützung.

Ich habe einen Aqara Kontaktsensor an meinem Briefkasten montiert.
Sobald die Briefkastenklappe geöffnet wird, möchte ich, dass auf meinem Tablet ein Symbol (oa-message_mail_open) erscheint, welches gelb ist und blinkt.

Bekomme ich irgendwie nicht hin.

Zitat
<div class="sheet">
                     <div class="row">
                      <div class="cell">
                          <div data-type="symbol" data-device="Kontakt_Briefkasten" data-get="state"
                          data-states='["open","closed]'
                          data-icons='["oa-message_mail_open","fa-accusoft"]'
                          class="yellow blink great readonly"></div></div></div>
                      </div>

Vielen Dank vorab!

Offline OdfFhem

  • Hero Member
  • *****
  • Beiträge: 1358
Beispiel für blinkendes Icon, falls das "Reading" dem "Wert1" entspricht:
<div data-type="symbol" data-device="dummy1"
  data-states='["Wert1","Wert2","Wert3"]'
  data-icons='["fa-exclamation-triangle fa-blink","fa-exclamation-circle","fa-cog fa-spin"]'
  data-colors='["Crimson","GoldenRod","SeaGreen"]'
   >
</div>
Wichtig ist also, nicht class (für alle) zu erweitern, sondern den zugehörigen data-icons-Eintrag ...

Offline TomLee

  • Tester
  • Hero Member
  • ****
  • Beiträge: 4623
  • ... wer sät, der erntet ...
Zitat
Wichtig ist also, nicht class (für alle) zu erweitern, sondern den zugehörigen data-icons-Eintrag ...

Und dann fehlt einfach nur ein Anführungszeichen hinter closed.

<div class="sheet">
  <div class="row">
    <div class="cell">
      <div
        data-type="symbol"
        data-device="Kontakt_Briefkasten"
        data-get="state"
        data-states='["open","closed"]'
        data-icons='["oa-message_mail_open fa-blink","fa-accusoft"]'
        class="bigger"
      ></div>
    </div>
  </div>
</div>
« Letzte Änderung: 04 Dezember 2022, 11:35:27 von TomLee »
Gefällt mir Gefällt mir x 1 Liste anzeigen

 

decade-submarginal