FTUI3 Readingsgroup: Unterschied zwischen den Versionen

Aus FHEMWiki
(Die Seite wurde neu angelegt: „== Zielsetzung == Eine Readingsgroup aus FHEM (die Grafiken enthält) soll in FTUI dargestellt werden. == Umsetzung == <syntaxhighlight lang="html"> <ftui-gri…“)
 
Keine Bearbeitungszusammenfassung
 
Zeile 20: Zeile 20:
}
}
</syntaxhighlight>
</syntaxhighlight>
[[Kategorie:FHEM Tablet UI V3]]

Aktuelle Version vom 2. August 2024, 16:16 Uhr

Zielsetzung

Eine Readingsgroup aus FHEM (die Grafiken enthält) soll in FTUI dargestellt werden.

Umsetzung

<ftui-grid-tile row="1" col="1" height="4" width="4">
  <header>Readingsgroup</header>
  <ftui-content id="readings_group" [content]="<deine_readingsgroup> | getHTML('<deine_readingsgroup>')"></ftui-content>
</ftui-grid-tile>


Dazu muss noch folgendes CSS mit definiert werden, falls die Readingsgroup Icons enthält:

/* Bilder in Readingsgroups in sinnvoller Größe darstellen */
#readings_group svg {
    width: 20px;
    height: 20px;
}