FTUI Widget Checkbox - Versionsgeschichte

Pahenning am 2. August 2024 um 14:37 Uhr

2024-08-02T14:37:39Z

← Nächstältere Version		Version vom 2. August 2024, 16:37 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Widget Checkbox]] ist ein Widget für [[FHEM Tablet UI]], welches als Umschalter zwischen zwei Zuständen eingesetzt wird. Es verhält sich ähnlich wie das [[FTUI_Widget_Switch]] und orientiert sich optisch an Konfigurationsschaltern moderner grafischer Benutzeroberflächen. Daher empfiehlt es sich, die Checkbox weniger als Schalter für Devices einzusetzen, sondern vornehmlich für die Aktivierung von Funktionalitäten, zumal in dieses Widget keine Symbole integriert werden können.		Das [[{{PAGENAME}}\|Widget Checkbox]] ist ein Widget für [[FHEM Tablet UI V2]], welches als Umschalter zwischen zwei Zuständen eingesetzt wird. Es verhält sich ähnlich wie das [[FTUI_Widget_Switch]] und orientiert sich optisch an Konfigurationsschaltern moderner grafischer Benutzeroberflächen. Daher empfiehlt es sich, die Checkbox weniger als Schalter für Devices einzusetzen, sondern vornehmlich für die Aktivierung von Funktionalitäten, zumal in dieses Widget keine Symbole integriert werden können.

	<gallery height="100" widths="300">		<gallery height="100" widths="300">
Zeile 69:		Zeile 69:
	[[FTUI_Widget_Switch]]		[[FTUI_Widget_Switch]]

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

Stephan: /* Attribute */

2022-04-03T05:57:35Z

Attribute

← Nächstältere Version		Version vom 3. April 2022, 07:57 Uhr
Zeile 18:		Zeile 18:
	\|'''data-set'''\|\|Reading, das gesetzt werden soll (<command> <device> '''<reading>''' <value>)\|\|\|\|		\|'''data-set'''\|\|Reading, das gesetzt werden soll (<command> <device> '''<reading>''' <value>)\|\|\|\|
	\|-		\|-
	\|'''data-cmd ~~(n/a)~~'''\|\|Befehl, der gesendet werden soll ('''<command>''' <device> <reading> <value>) (z.B. setstate, set, setreading, trigger)\|\|\|\|		\|'''data-cmd'''\|\|Befehl, der gesendet werden soll ('''<command>''' <device> <reading> <value>) (z.B. setstate, set, setreading, trigger)\|\|\|\|
	\|-		\|-
	\|'''data-doubleclick (n/a)'''\|\|Zeit, die vergehen muss, bis das Element ein zweites mal betätigt werden kann. '0' schaltet dieses Verhalten ab.\|\|\|\|		\|'''data-doubleclick (n/a)'''\|\|Zeit, die vergehen muss, bis das Element ein zweites mal betätigt werden kann. '0' schaltet dieses Verhalten ab.\|\|\|\|

Baumbuwe: catsort

2018-01-26T14:12:39Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 16:12 Uhr
Zeile 69:		Zeile 69:
	[[FTUI_Widget_Switch]]		[[FTUI_Widget_Switch]]

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

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 49:		Zeile 49:
	==Beispiele==		==Beispiele==
	[[File:FTUI_Widget_Checkbox_01.png]]		[[File:FTUI_Widget_Checkbox_01.png]]
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="checkbox" class="">		<div data-type="checkbox" class="">
	</div>		</div>
	</~~source~~>		</syntaxhighlight>


	[[File:FTUI_Widget_Checkbox_03.png]]		[[File:FTUI_Widget_Checkbox_03.png]]
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="checkbox"		<div data-type="checkbox"
	data-on-color="green"		data-on-color="green"
Zeile 64:		Zeile 64:
	class="">		class="">
	</div>		</div>
	</~~source~~>		</syntaxhighlight>

	==Links==		==Links==

Drhirn: Überarbeitet und "Todo" entfernt

2017-02-28T17:35:23Z

Überarbeitet und "Todo" entfernt

← Nächstältere Version		Version vom 28. Februar 2017, 19:35 Uhr
Zeile 40:		Zeile 40:

	==CSS Klassen==		==CSS Klassen==
	~~{{Todo\|Überprüfen / überarbeiten. Die Klassen green, blue und red sind spezifiisch für dieses Widget.}}~~
	{\|class="wikitable"		{\|class="wikitable"
	!Klasse!!Beschreibung		!Klasse!!Beschreibung
	~~{{FTUI Klasse\|mini}}{{FTUI Klasse\|tiny}}~~{{FTUI Klasse\|small}}{{FTUI Klasse\|normal}}{{FTUI Klasse\|large~~}}{{FTUI Klasse\|big}}{{FTUI Klasse\|bigger}}{{FTUI Klasse\|tall}}{{FTUI Klasse\|grande}}{{FTUI Klasse\|gigantic~~}}{{FTUI Klasse\|transparent}}{{FTUI Klasse\|half-transparent}}{{FTUI Klasse\|hide}}		{{FTUI Klasse\|small}}{{FTUI Klasse\|normal}}{{FTUI Klasse\|large}}{{FTUI Klasse\|transparent}}{{FTUI Klasse\|half-transparent}}{{FTUI Klasse\|hide}}
	\|}		\|}
	Zusätzlich sind ~~die~~ Klassen ~~"green", "blue" und "red"~~ als Hintergrundfarbe für den Zustand "on" verfügbar.
			Zusätzlich sind alle Vordergrundfarben-[[FHEM_Tablet_UI#CSS-Klassen\|Klassen]] als Hintergrundfarbe für den Zustand "ON" verfügbar.

	==Beispiele==		==Beispiele==

Ulm32b: typo

2017-02-16T00:15:33Z

typo

← Nächstältere Version		Version vom 16. Februar 2017, 02:15 Uhr
Zeile 40:		Zeile 40:

	==CSS Klassen==		==CSS Klassen==
	{{Todo\|Überprüfen / überarbeiten. Die Klassen green, blue und red sind spezifiisch für ~~dises~~ Widget.}}		{{Todo\|Überprüfen / überarbeiten. Die Klassen green, blue und red sind spezifiisch für dieses Widget.}}
	{\|class="wikitable"		{\|class="wikitable"
	!Klasse!!Beschreibung		!Klasse!!Beschreibung

Ulm32b: Erste Fassung

2017-02-15T23:05:19Z

Erste Fassung

Neue Seite

Das [[{{PAGENAME}}|Widget Checkbox]] ist ein Widget für [[FHEM Tablet UI]], welches als Umschalter zwischen zwei Zuständen eingesetzt wird. Es verhält sich ähnlich wie das [[FTUI_Widget_Switch]] und orientiert sich optisch an Konfigurationsschaltern moderner grafischer Benutzeroberflächen. Daher empfiehlt es sich, die Checkbox weniger als Schalter für Devices einzusetzen, sondern vornehmlich für die Aktivierung von Funktionalitäten, zumal in dieses Widget keine Symbole integriert werden können.

<gallery height="100" widths="300">
File:FTUI_Widget_Checkbox_01.png
</gallery>

==Attribute==
{| class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-device'''||FHEM-Device, dessen Reading gesetzt werden soll (<command> '''<device>''' <reading> <value>)||||
|-
|'''data-get'''||Reading, dessen Inhalt den aktuellen Wert wiedergibt||'STATE'||
|-
|'''data-set'''||Reading, das gesetzt werden soll (<command> <device> '''<reading>''' <value>)||||
|-
|'''data-cmd (n/a)'''||Befehl, der gesendet werden soll ('''<command>''' <device> <reading> <value>) (z.B. setstate, set, setreading, trigger)||||
|-
|'''data-doubleclick (n/a)'''||Zeit, die vergehen muss, bis das Element ein zweites mal betätigt werden kann. '0' schaltet dieses Verhalten ab.||||
|-
|'''data-lock (n/a)'''||Reading, mit dem das Element für eine Bedienung gesperrt wird. Gütige Werte sind 'true', '1' oder 'on' ||||
|-
|'''data-color'''||Farbe des Icon (RGB-Angabe oder Farbname)||||
|-
|'''data-background-color'''||Hintergrundfarbe des Widgets||||
|-
|'''data-hide'''||Reading zum Verstecken des Elementes. Das Element verschwindet, wenn der Wert mit '''data-hide-on''' übereinstimmt.||||
|-
|'''data-hide-on'''||Zeichenkette, bei der das Element versteckt wird||<nowiki>'true|1|on'</nowiki>||
|-
|'''data-hide-off'''||Zeichenkette, bei der das Element angezeigt wird||'!on'||
|-
|'''data-hideparents'''||jQuery-Selector, um auch die Eltern-Elemente zu verstecken||||data-hideparents="#Name"
|-
|'''data-reachable'''||Reading, dessen Inhalt angibt, ob das Device erreichbar ist, oder nicht. Der Inhalt des Readings muss eine Ganzzahl (Integer) sein.||||
|}

==CSS Klassen==
{{Todo|Überprüfen / überarbeiten. Die Klassen green, blue und red sind spezifiisch für dises Widget.}}
{|class="wikitable"
!Klasse!!Beschreibung
{{FTUI Klasse|mini}}{{FTUI Klasse|tiny}}{{FTUI Klasse|small}}{{FTUI Klasse|normal}}{{FTUI Klasse|large}}{{FTUI Klasse|big}}{{FTUI Klasse|bigger}}{{FTUI Klasse|tall}}{{FTUI Klasse|grande}}{{FTUI Klasse|gigantic}}{{FTUI Klasse|transparent}}{{FTUI Klasse|half-transparent}}{{FTUI Klasse|hide}}
|}
Zusätzlich sind die Klassen "green", "blue" und "red" als Hintergrundfarbe für den Zustand "on" verfügbar.

==Beispiele==
[[File:FTUI_Widget_Checkbox_01.png]]
<source lang="html">
<div data-type="checkbox" class="">
</div>
</source>

[[File:FTUI_Widget_Checkbox_03.png]]
<source lang="html">
<div data-type="checkbox"
data-on-color="green"
data-on-background-color="blue"
data-off-color="red"
data-off-background-color="white"
class="">
</div>
</source>

==Links==
[[FTUI_Widget_Switch]]

[[Kategorie:FHEM Tablet UI]]