FTUI Widget Colorwheel - Versionsgeschichte

Pahenning: /* Weblinks */

2024-08-02T14:06:23Z

Weblinks

← Nächstältere Version		Version vom 2. August 2024, 16:06 Uhr
Zeile 56:		Zeile 56:
	==Weblinks==		==Weblinks==
	*[https://knowthelist.github.io/fhem/tablet/demo_colorwheel.html Weitere Beispiele]		*[https://knowthelist.github.io/fhem/tablet/demo_colorwheel.html Weitere Beispiele]
	[[Kategorie:FHEM Tablet UI\|Colorwheel]]		[[Kategorie:FHEM Tablet UI V2\|Colorwheel]]

Baumbuwe: catsort

2018-01-26T14:10:13Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 16:10 Uhr
Zeile 56:		Zeile 56:
	==Weblinks==		==Weblinks==
	*[https://knowthelist.github.io/fhem/tablet/demo_colorwheel.html Weitere Beispiele]		*[https://knowthelist.github.io/fhem/tablet/demo_colorwheel.html Weitere Beispiele]
	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI\|Colorwheel]]

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 31:		Zeile 31:
	==Beispiele==		==Beispiele==
	===Einfache Palette===		===Einfache Palette===
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="colorwheel"		<div data-type="colorwheel"
	data-device="HUEDevice3"		data-device="HUEDevice3"
	data-get="rgb"		data-get="rgb"
	data-set="rgb"></div>		data-set="rgb"></div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Colorwheel_01.png]]		[[File:FTUI_Widget_Colorwheel_01.png]]

Zeile 42:		Zeile 42:
	===Mit Farbindikatoren===		===Mit Farbindikatoren===
	Im Bild sind die Auswirkungen der unterschiedlichen "Indicator"-Klassen zu sehen. Von links nach rechts: ''lineIndicator'', ''barIndicator'', ''roundIndicator''.		Im Bild sind die Auswirkungen der unterschiedlichen "Indicator"-Klassen zu sehen. Von links nach rechts: ''lineIndicator'', ''barIndicator'', ''roundIndicator''.
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="colorwheel"		<div data-type="colorwheel"
	data-device="HUEDevice3"		data-device="HUEDevice3"
Zeile 48:		Zeile 48:
	data-set="rgb"		data-set="rgb"
	class="lineIndicator"></div>		class="lineIndicator"></div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Colorwheel_02.png]]		[[File:FTUI_Widget_Colorwheel_02.png]]

Standarduser: /* Alternativen */

2017-03-19T21:23:24Z

Alternativen

← Nächstältere Version		Version vom 19. März 2017, 23:23 Uhr
Zeile 52:		Zeile 52:

	==Alternativen==		==Alternativen==
	Das Colorwheel ist zwar ~~zum Einen~~ ziemlich genau, was die Einstellmöglichkeiten betrifft, erfordert jedoch auch eine erhöhte Aufmerksamkeit des Nutzers. Für einfachere Anwendungen kann vielleicht auch ein [[FTUI_Widget_Volume\|Volume-Widget]] zur Farbauswahl dienen.		Das Colorwheel ist zwar ziemlich genau, was die Einstellmöglichkeiten betrifft, erfordert jedoch auch eine erhöhte Aufmerksamkeit des Nutzers. Für einfachere Anwendungen kann vielleicht auch ein [[FTUI_Widget_Volume\|Volume-Widget]] zur Farbauswahl dienen.

	==Weblinks==		==Weblinks==
	*[https://knowthelist.github.io/fhem/tablet/demo_colorwheel.html Weitere Beispiele]		*[https://knowthelist.github.io/fhem/tablet/demo_colorwheel.html Weitere Beispiele]
	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI]]

Standarduser: Hinweis auf Volume-Widget als Alternative hinzugefügt.

2017-03-19T21:23:05Z

Hinweis auf Volume-Widget als Alternative hinzugefügt.

← Nächstältere Version		Version vom 19. März 2017, 23:23 Uhr
Zeile 50:		Zeile 50:
	</source>		</source>
	[[File:FTUI_Widget_Colorwheel_02.png]]		[[File:FTUI_Widget_Colorwheel_02.png]]

			==Alternativen==
			Das Colorwheel ist zwar zum Einen ziemlich genau, was die Einstellmöglichkeiten betrifft, erfordert jedoch auch eine erhöhte Aufmerksamkeit des Nutzers. Für einfachere Anwendungen kann vielleicht auch ein [[FTUI_Widget_Volume\|Volume-Widget]] zur Farbauswahl dienen.

	==Weblinks==		==Weblinks==
	*[https://knowthelist.github.io/fhem/tablet/demo_colorwheel.html Weitere Beispiele]		*[https://knowthelist.github.io/fhem/tablet/demo_colorwheel.html Weitere Beispiele]
	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI]]

Drhirn am 15. Februar 2017 um 18:44 Uhr

2017-02-15T18:44:54Z

← Nächstältere Version		Version vom 15. Februar 2017, 20:44 Uhr
Zeile 51:		Zeile 51:
	[[File:FTUI_Widget_Colorwheel_02.png]]		[[File:FTUI_Widget_Colorwheel_02.png]]

			==Weblinks==
			*[https://knowthelist.github.io/fhem/tablet/demo_colorwheel.html Weitere Beispiele]
	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI]]

Drhirn: Die Seite wurde neu angelegt: „Das Colorwheel Widget ist ein Widget für FHEM Tablet UI, welches eine Farbpalette für die Auswahl von Farben erstellt. File:F…“

2017-02-15T17:19:09Z

Die Seite wurde neu angelegt: „Das [[{{PAGENAME}}|Colorwheel Widget]] ist ein Widget für FHEM Tablet UI, welches eine Farbpalette für die Auswahl von Farben erstellt. <gallery> File:F…“

Neue Seite

Das [[{{PAGENAME}}|Colorwheel Widget]] ist ein Widget für [[FHEM Tablet UI]], welches eine Farbpalette für die Auswahl von Farben erstellt.

<gallery>
File:FTUI_Widget_Colorwheel_01.png
File:FTUI_Widget_Colorwheel_02.png
</gallery>

==Attribute==
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-device'''||FHEM-Device, dessen Readings gelesen/geändert werden sollen||||
|-
|'''data-get'''||Name des Readings, das den darzustellenden RGB-Wert enthält||STATE||data-get="rgb"
|-
|'''data-set'''||Name des Reading, welches geändert werden soll||||data-set="rgb"
|-
|'''data-cmd'''||Name des Befehls, mit dem das Reading geändert wird (z.B. setstate, set, setreading, trigger)||set||
|-
|'''data-width'''||Breite des Widgets||150||data-width="200"
|}

==CSS Klassen==
{|class="wikitable"
{{FTUI Klasse|mini}}{{FTUI Klasse|small}}{{FTUI Klasse|large}}{{FTUI Klasse|big}}{{FTUI Klasse|lineIndicator}}{{FTUI Klasse|barIndicator}}{{FTUI Klasse|roundIndicator}}
|}

==Beispiele==
===Einfache Palette===
<source lang="html">
<div data-type="colorwheel"
data-device="HUEDevice3"
data-get="rgb"
data-set="rgb"></div>
</source>
[[File:FTUI_Widget_Colorwheel_01.png]]

===Mit Farbindikatoren===
Im Bild sind die Auswirkungen der unterschiedlichen "Indicator"-Klassen zu sehen. Von links nach rechts: ''lineIndicator'', ''barIndicator'', ''roundIndicator''.
<source lang="html">
<div data-type="colorwheel"
data-device="HUEDevice3"
data-get="rgb"
data-set="rgb"
class="lineIndicator"></div>
</source>
[[File:FTUI_Widget_Colorwheel_02.png]]

[[Kategorie:FHEM Tablet UI]]