FTUI Widget Rotor - Versionsgeschichte

Pahenning: /* Umschalten zwischen Tagen eines Wetterberichts */

2024-08-02T14:03:16Z

Umschalten zwischen Tagen eines Wetterberichts

← Nächstältere Version		Version vom 2. August 2024, 16:03 Uhr
Zeile 60:		Zeile 60:
	[[File:FTUI_Widget_Rotor_02.gif]]		[[File:FTUI_Widget_Rotor_02.gif]]

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

Baumbuwe: catsort

2018-01-26T13:52:54Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 15:52 Uhr
Zeile 60:		Zeile 60:
	[[File:FTUI_Widget_Rotor_02.gif]]		[[File:FTUI_Widget_Rotor_02.gif]]

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

Markusbloch: Anpassung von -Tags nach

2017-07-26T17:57:59Z

Anpassung von <source>-Tags nach <syntaxhighlight>

← Nächstältere Version		Version vom 26. Juli 2017, 19:57 Uhr
Zeile 26:		Zeile 26:
	===Wechsel zwischen zwei verschiedenen Labels===		===Wechsel zwischen zwei verschiedenen Labels===
	In diesem Beispiel wird einfach zwischen zwei verschiedenen Labels mit einem Überblendungseffekt umgeschaltet.		In diesem Beispiel wird einfach zwischen zwei verschiedenen Labels mit einem Überblendungseffekt umgeschaltet.
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="rotor" class="fade">		<div data-type="rotor" class="fade">
	<ul>		<ul>
Zeile 37:		Zeile 37:
	</ul>		</ul>
	</div>		</div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Rotor_01.gif]]		[[File:FTUI_Widget_Rotor_01.gif]]

	===Umschalten zwischen Tagen eines Wetterberichts===		===Umschalten zwischen Tagen eines Wetterberichts===
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="rotor" class="fade">		<div data-type="rotor" class="fade">
	<ul>		<ul>
Zeile 57:		Zeile 57:
	</li>		</li>
	</ul>		</ul>
	</div></~~source~~>		</div></syntaxhighlight>
	[[File:FTUI_Widget_Rotor_02.gif]]		[[File:FTUI_Widget_Rotor_02.gif]]

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

Drhirn: Bilder korrigiert

2017-02-14T07:54:55Z

Bilder korrigiert

← Nächstältere Version		Version vom 14. Februar 2017, 09:54 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Rotor Widget]] ist ein Widget für [[FHEM Tablet UI]], welches mehrere Widgets an derselben Stelle nacheinander anzeigen kann. Der Wechsel vom einen zum anderen Widget erfolgt durch konfigurierbare Effekte (z.B. Überblendung).		Das [[{{PAGENAME}}\|Rotor Widget]] ist ein Widget für [[FHEM Tablet UI]], welches mehrere Widgets an derselben Stelle nacheinander anzeigen kann. Der Wechsel vom einen zum anderen Widget erfolgt durch konfigurierbare Effekte (z.B. Überblendung).

	~~<gallery>~~		[[File:FTUI_Widget_Rotor_01.gif]]
	File:FTUI_Widget_Rotor_01.gif		[[File:FTUI_Widget_Rotor_02.gif]]
	File:FTUI_Widget_Rotor_02.gif
	~~</gallery>~~

	==Attribute==		==Attribute==

All-Ex: Typo

2017-02-13T20:59:17Z

Typo

← Nächstältere Version		Version vom 13. Februar 2017, 22:59 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Rotor Widget]] ist ein Widget für [[FHEM Tablet UI]], welches mehrere Widgets an ~~der selben~~ Stelle nacheinander anzeigen kann. Der Wechsel vom einen zum anderen Widget erfolgt durch konfigurierbare Effekte (z.B. Überblendung)		Das [[{{PAGENAME}}\|Rotor Widget]] ist ein Widget für [[FHEM Tablet UI]], welches mehrere Widgets an derselben Stelle nacheinander anzeigen kann. Der Wechsel vom einen zum anderen Widget erfolgt durch konfigurierbare Effekte (z.B. Überblendung).

	<gallery>		<gallery>
Zeile 27:		Zeile 27:
	==Beispiele==		==Beispiele==
	===Wechsel zwischen zwei verschiedenen Labels===		===Wechsel zwischen zwei verschiedenen Labels===
	In diesem Beispiel wird einfach zwischen zwei verschiedenen Labels mit einem Überblendungseffekt ~~umgeschalten~~.		In diesem Beispiel wird einfach zwischen zwei verschiedenen Labels mit einem Überblendungseffekt umgeschaltet.
	<source lang="html">		<source lang="html">
	<div data-type="rotor" class="fade">		<div data-type="rotor" class="fade">

Drhirn: /* Attribute */

2017-02-13T13:56:09Z

Attribute

← Nächstältere Version		Version vom 13. Februar 2017, 15:56 Uhr
Zeile 13:		Zeile 13:
	!Beispiel		!Beispiel
	\|-		\|-
	\|'''data-delay'''\|\|Zeit - in Millisekunden - bis das nächste Element in der Liste angezeigt ~~wirde~~\|\|3500\|\|data-delay="1000"		\|'''data-delay'''\|\|Zeit - in Millisekunden - bis das nächste Element in der Liste angezeigt wird\|\|3500\|\|data-delay="1000"
	\|}		\|}

Drhirn: Die Seite wurde neu angelegt: „Das Rotor Widget ist ein Widget für FHEM Tablet UI, welches mehrere Widgets an der selben Stelle nacheinander anzeigen kann. Der Wechsel…“

2017-02-13T12:40:14Z

Die Seite wurde neu angelegt: „Das [[{{PAGENAME}}|Rotor Widget]] ist ein Widget für FHEM Tablet UI, welches mehrere Widgets an der selben Stelle nacheinander anzeigen kann. Der Wechsel…“

Neue Seite

Das [[{{PAGENAME}}|Rotor Widget]] ist ein Widget für [[FHEM Tablet UI]], welches mehrere Widgets an der selben Stelle nacheinander anzeigen kann. Der Wechsel vom einen zum anderen Widget erfolgt durch konfigurierbare Effekte (z.B. Überblendung)

<gallery>
File:FTUI_Widget_Rotor_01.gif
File:FTUI_Widget_Rotor_02.gif
</gallery>

==Attribute==
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-delay'''||Zeit - in Millisekunden - bis das nächste Element in der Liste angezeigt wirde||3500||data-delay="1000"
|}

==Hinweise==
*Wird keine Klasse angegeben, die den Animationseffekt beschreibt (<code>class=""</code>), wird auch keine Animation verwendet

==CSS Klassen==
{|class="wikitable"
!Klasse!!Beschreibung
{{FTUI Klasse|rotate}}{{FTUI Klasse|fade}}
|}

==Beispiele==
===Wechsel zwischen zwei verschiedenen Labels===
In diesem Beispiel wird einfach zwischen zwei verschiedenen Labels mit einem Überblendungseffekt umgeschalten.
<source lang="html">
<div data-type="rotor" class="fade">
<ul>
<li>
<div data-type="label">Label 1</div>
</li>
<li>
<div data-type="label">Label 2</div>
</li>
</ul>
</div>
</source>
[[File:FTUI_Widget_Rotor_01.gif]]

===Umschalten zwischen Tagen eines Wetterberichts===
<source lang="html">
<div data-type="rotor" class="fade">
<ul>
<li>
<div data-type="label">Heute</div>
<div data-type="weather" data-device="AgroWeather" data-get="fc0_weatherDay"></div>
<div data-type="label" data-device="AgroWeather" data-get="fc0_weatherDay"></div>
<div data-type="label" data-device="AgroWeather" data-get="fc0_tempMax"></div>
</li>
<li>
<div data-type="label">Morgen</div>
<div data-type="weather" data-device="AgroWeather" data-get="fc1_weatherDay"></div>
<div data-type="label" data-device="AgroWeather" data-get="fc1_weatherDay"></div>
<div data-type="label" data-device="AgroWeather" data-get="fc1_tempMax"></div>
</li>
</ul>
</div></source>
[[File:FTUI_Widget_Rotor_02.gif]]

[[Kategorie:FHEM Tablet UI]]