FTUI Widget Knob - Versionsgeschichte

Pahenning am 2. August 2024 um 14:59 Uhr

2024-08-02T14:59:46Z

← Nächstältere Version		Version vom 2. August 2024, 16:59 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Knob Widget]] ist ein Widget für [[FHEM Tablet UI]], das einen verschiebbaren Statusbalken auf einer Kreisbahn erstellt. Optisch wird ein „Drehknopf“ symbolisiert, mit dem man eine Einstellung vornimmt.		Das [[{{PAGENAME}}\|Knob Widget]] ist ein Widget für [[FHEM Tablet UI V2]], das einen verschiebbaren Statusbalken auf einer Kreisbahn erstellt. Optisch wird ein „Drehknopf“ symbolisiert, mit dem man eine Einstellung vornimmt.

	<gallery>		<gallery>
Zeile 126:		Zeile 126:
	[[File:FTUI_Widget_Knob_03.png]]		[[File:FTUI_Widget_Knob_03.png]]

	[[Kategorie:FHEM Tablet UI\|Knob]]		[[Kategorie:FHEM Tablet UI V2\|Knob]]

Ulm32b: /* Attribute */ data-lock ergänzt

2022-01-18T10:50:26Z

Attribute: data-lock ergänzt

← Nächstältere Version		Version vom 18. Januar 2022, 12:50 Uhr
Zeile 58:		Zeile 58:
	\|'''data-unit'''\|\|Einheit, die zum Wert hinzugefügt werden soll\|\|\|\|<nowiki>data-unit="°"</nowiki>		\|'''data-unit'''\|\|Einheit, die zum Wert hinzugefügt werden soll\|\|\|\|<nowiki>data-unit="°"</nowiki>
	\|-		\|-
	\|'''data-lock'''\|\|Reading, ~~welches~~ den ~~booleanschen~~ Wert (1,~~true~~,on) ~~enthält um das Widget auf readonly zu setzen~~\|\|\|\|		\|'''data-lock'''\|\|Reading, mit dem das Element für eine Bedienung gesperrt wird. Die Sperre greift, wenn das Reading den Wert 'true', '1' oder 'on' hat. Hiervon abweichend ist auch eine Definition mittels data-lock-on und data-lock-off möglich.\|\|\|\|
			\|-
			\|'''data-lock-on'''\|\|Wert des Readings, bei dem die Sperre (vgl. data-lock) aktiviert wird\|\|\|\|
			\|-
			\|'''data-lock-off'''\|\|Wert des Readings, bei dem die Sperre (vgl. data-lock) aufgehoben wird\|\|\|\|
	\|-		\|-
	\|'''data-reachable'''\|\|Reading, dessen Inhalt angibt, ob das Device erreichbar ist, oder nicht\|\|\|\|		\|'''data-reachable'''\|\|Reading, dessen Inhalt angibt, ob das Device erreichbar ist, oder nicht\|\|\|\|

Curt: /* Attribute */

2019-02-02T23:28:10Z

Attribute

← Nächstältere Version		Version vom 3. Februar 2019, 01:28 Uhr
Zeile 48:		Zeile 48:
	\|'''data-nomcolor'''\|\|Textfarbe des Wertes\|\|#ffffff\|\|data-nomcolor="#00ff00"		\|'''data-nomcolor'''\|\|Textfarbe des Wertes\|\|#ffffff\|\|data-nomcolor="#00ff00"
	\|-		\|-
	\|'''data-displayNominal'''\|\|Wert anzeigen\|\|true\|\|data-displayInput="false"		\|'''data-displayNominal'''\|\|Wert im Kreisring anzeigen\|\|true\|\|data-displayInput="false"
	\|-		\|-
	\|'''data-font'''\|\|Schriftart des Wertes\|\|\|\|		\|'''data-font'''\|\|Schriftart des Wertes\|\|\|\|

Curt: /* Attribute */ das ist jetzt data-displayNominal

2019-02-02T23:26:22Z

Attribute: das ist jetzt data-displayNominal

← Nächstältere Version		Version vom 3. Februar 2019, 01:26 Uhr
Zeile 48:		Zeile 48:
	\|'''data-nomcolor'''\|\|Textfarbe des Wertes\|\|#ffffff\|\|data-nomcolor="#00ff00"		\|'''data-nomcolor'''\|\|Textfarbe des Wertes\|\|#ffffff\|\|data-nomcolor="#00ff00"
	\|-		\|-
	\|'''data-~~displayInput~~'''\|\|Wert anzeigen\|\|true\|\|data-displayInput="false" ~~(die Option ist nicht verfügbar!)~~		\|'''data-displayNominal'''\|\|Wert anzeigen\|\|true\|\|data-displayInput="false"
	\|-		\|-
	\|'''data-font'''\|\|Schriftart des Wertes\|\|\|\|		\|'''data-font'''\|\|Schriftart des Wertes\|\|\|\|

Curt: data-displayInput nicht verfügbar

2019-02-02T19:42:50Z

data-displayInput nicht verfügbar

← Nächstältere Version		Version vom 2. Februar 2019, 21:42 Uhr
Zeile 48:		Zeile 48:
	\|'''data-nomcolor'''\|\|Textfarbe des Wertes\|\|#ffffff\|\|data-nomcolor="#00ff00"		\|'''data-nomcolor'''\|\|Textfarbe des Wertes\|\|#ffffff\|\|data-nomcolor="#00ff00"
	\|-		\|-
	\|'''data-displayInput'''\|\|Wert anzeigen\|\|true\|\|data-displayInput="false"		\|'''data-displayInput'''\|\|Wert anzeigen\|\|true\|\|data-displayInput="false" (die Option ist nicht verfügbar!)
	\|-		\|-
	\|'''data-font'''\|\|Schriftart des Wertes\|\|\|\|		\|'''data-font'''\|\|Schriftart des Wertes\|\|\|\|

Eisix: Parameter data-inputcolor auf data-nomcolor geändert

2018-04-04T14:11:38Z

Parameter data-inputcolor auf data-nomcolor geändert

← Nächstältere Version		Version vom 4. April 2018, 16:11 Uhr
Zeile 46:		Zeile 46:
	\|'''data-fgcolor'''\|\|Farbe der Statusanzeige\|\|#666\|\|data-fgcolor="red"		\|'''data-fgcolor'''\|\|Farbe der Statusanzeige\|\|#666\|\|data-fgcolor="red"
	\|-		\|-
	\|'''data-~~inputcolor~~'''\|\|Textfarbe des Wertes\|\|#ffffff\|\|data-~~inputcolor~~="#00ff00"		\|'''data-nomcolor'''\|\|Textfarbe des Wertes\|\|#ffffff\|\|data-nomcolor="#00ff00"
	\|-		\|-
	\|'''data-displayInput'''\|\|Wert anzeigen\|\|true\|\|data-displayInput="false"		\|'''data-displayInput'''\|\|Wert anzeigen\|\|true\|\|data-displayInput="false"
Zeile 112:		Zeile 112:
	data-bgcolor="lightblue"		data-bgcolor="lightblue"
	data-fgcolor="blue"		data-fgcolor="blue"
	data-~~inputcolor~~="yellow"		data-nomcolor="yellow"
	data-anglearc="360"		data-anglearc="360"
	data-angleoffset="0"		data-angleoffset="0"

Baumbuwe: catsort

2018-01-26T14:03:55Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 16:03 Uhr
Zeile 122:		Zeile 122:
	[[File:FTUI_Widget_Knob_03.png]]		[[File:FTUI_Widget_Knob_03.png]]

	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI\|Knob]]

Markusbloch: Anpassung von -Tags nach

2017-07-26T17:57:58Z

Anpassung von <source>-Tags nach <syntaxhighlight>

← Nächstältere Version		Version vom 26. Juli 2017, 19:57 Uhr
Zeile 70:		Zeile 70:
	==Beispiele==		==Beispiele==
	===Einfache Lautstärkeregelung===		===Einfache Lautstärkeregelung===
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="knob"		<div data-type="knob"
	data-device="RXV777"		data-device="RXV777"
Zeile 79:		Zeile 79:
	data-step="0.5"		data-step="0.5"
	data-unit="db"></div>		data-unit="db"></div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Knob_01.png]]		[[File:FTUI_Widget_Knob_01.png]]

Zeile 85:		Zeile 85:
	===Steuerung HUEDevice===		===Steuerung HUEDevice===
	In diesem Beispiel ist das gewünschte HUEDevice nicht erreichbar und das Widget wird somit auf ''readonly'' gesetzt.		In diesem Beispiel ist das gewünschte HUEDevice nicht erreichbar und das Widget wird somit auf ''readonly'' gesetzt.
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="knob"		<div data-type="knob"
	data-device="HUEDevice12"		data-device="HUEDevice12"
Zeile 95:		Zeile 95:
	data-unit="%"		data-unit="%"
	data-reachable="reachable"></div>		data-reachable="reachable"></div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Knob_02.png]]		[[File:FTUI_Widget_Knob_02.png]]

Zeile 101:		Zeile 101:
	===Verändertes Aussehen===		===Verändertes Aussehen===
	Um zu zeigen, wie das Aussehen verändert werden könnte, hier ein etwas übertriebenes Beispiel.		Um zu zeigen, wie das Aussehen verändert werden könnte, hier ein etwas übertriebenes Beispiel.
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="knob"		<div data-type="knob"
	data-device="HUEDevice12"		data-device="HUEDevice12"
Zeile 119:		Zeile 119:
	data-font-weight="bold"		data-font-weight="bold"
	data-reachable="reachable"></div>		data-reachable="reachable"></div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Knob_03.png]]		[[File:FTUI_Widget_Knob_03.png]]

	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI]]

Standarduser: /* Attribute */ data-thickness hinzugefügt

2017-03-09T18:28:06Z

Attribute: data-thickness hinzugefügt

← Nächstältere Version		Version vom 9. März 2017, 20:28 Uhr
Zeile 53:		Zeile 53:
	\|-		\|-
	\|'''data-font-weight'''\|\|Dicke der Schrift\|\|\|\|		\|'''data-font-weight'''\|\|Dicke der Schrift\|\|\|\|
			\|-
			\|'''data-thickness'''\|\|Dicke des Steuerungsbalkens\|\|0.25\|\|
	\|-		\|-
	\|'''data-unit'''\|\|Einheit, die zum Wert hinzugefügt werden soll\|\|\|\|<nowiki>data-unit="°"</nowiki>		\|'''data-unit'''\|\|Einheit, die zum Wert hinzugefügt werden soll\|\|\|\|<nowiki>data-unit="°"</nowiki>

Drhirn: /* Verändertes Aussehen */

2017-02-15T17:01:42Z

Verändertes Aussehen

← Nächstältere Version		Version vom 15. Februar 2017, 19:01 Uhr
Zeile 113:		Zeile 113:
	data-anglearc="360"		data-anglearc="360"
	data-angleoffset="0"		data-angleoffset="0"
	data-height="~~100px~~"		data-height="100"
	data-font="courier"		data-font="courier"
	data-font-weight="bold"		data-font-weight="bold"