FTUI Widget Scale: Unterschied zwischen den Versionen

Aus FHEMWiki
Keine Bearbeitungszusammenfassung
 
(Eine dazwischenliegende Version von einem anderen Benutzer wird nicht angezeigt)
Zeile 1: Zeile 1:
{{Todo|Vervollständigen}}
{{Todo|Vervollständigen}}
Das [[{{PAGENAME}}|Scale Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem eine horizontale oder vertikale Balkenanzeige erstellt werden kann.
Das [[{{PAGENAME}}|Scale Widget]] ist ein Widget für [[FHEM Tablet UI V2]], mit dem eine horizontale oder vertikale Balkenanzeige erstellt werden kann.


<gallery>
<gallery>
Zeile 45: Zeile 45:


==CSS-Klassen==
==CSS-Klassen==
{|class="wikitable"
{| class="wikitable"
!Klasse!!Beschreibung
!Klasse!!Beschreibung
{{FTUI Klasse|notext}}
{{FTUI Klasse|notext}}
Zeile 54: Zeile 54:
==Weitere Informationen==
==Weitere Informationen==
*Ankündigung des Widgets in einem [https://forum.fhem.de/index.php/topic,80326.0.html Forumsbeitrag]
*Ankündigung des Widgets in einem [https://forum.fhem.de/index.php/topic,80326.0.html Forumsbeitrag]
*Beispiel auf [https://github.com/knowthelist/fhem-tablet-ui/blob/master/test/test_scale.html GitHub]


[[Kategorie:FHEM Tablet UI|Scale]]
[[Kategorie:FHEM Tablet UI V2|Scale]]

Aktuelle Version vom 2. August 2024, 15:04 Uhr

Todo: Vervollständigen

Das Scale Widget ist ein Widget für FHEM Tablet UI V2, mit dem eine horizontale oder vertikale Balkenanzeige erstellt werden kann.

Attribute

Attribut Beschreibung Standard-Wert Beispiel
data-device FHEM-Device, dessen Reading Reading angezeigt werden soll
data-get Name des Readings, das den Wert enthält STATE
data-min Minimaler Wert, der angezeigt werden soll 0
data-max Maximaler Wert, der angezeigt werden soll, oder Name des Readings, das den Maximalwert enthält 100
data-orientation Ausrichtung des Balkens horizontal data-orientation="vertical"
data-font-size Schriftgröße 12
data-tick 1
data-value-interval 50
data-extra-tick 10
data-tick-color #eee
data-limits-get
data-limits
data-color #aa6900
data-colors Array von Farbwerten, die die Anzeige entsprechend der Grenzwerte von data-limits einfärben data-colors='["#dd3366","#ffcc00","#55aa44"]'

CSS-Klassen

Klasse Beschreibung
notext blendet die Skalenbeschriftung im Widget Scale aus

Beispiele

Weitere Informationen