FTUI Widget Pagebutton - Versionsgeschichte

Pahenning am 3. August 2024 um 08:40 Uhr

2024-08-03T08:40:39Z

← Nächstältere Version		Version vom 3. August 2024, 10:40 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Pagebutton Widget]] ist ein Widget für [[FHEM Tablet UI]], das ein einfaches Element zur Verfügung stellt, um auf eine andere Seite zu navigieren. Auf der Zielseite wird das Widget als "ON" angezeigt. Das Pagebutton-Widget eignet sich zum Beispiel gut, um eine Navigation zu erstellen.		Das [[{{PAGENAME}}\|Pagebutton Widget]] ist ein Widget für [[FHEM Tablet UI V2]], das ein einfaches Element zur Verfügung stellt, um auf eine andere Seite zu navigieren. Auf der Zielseite wird das Widget als "ON" angezeigt. Das Pagebutton-Widget eignet sich zum Beispiel gut, um eine Navigation zu erstellen.

	<gallery>		<gallery>
Zeile 233:		Zeile 233:
	*[https://forum.fhem.de/index.php/topic,82003.msg745677.html#msg745677 Sprung zu einer Unterseite (Anwendung von data-parent)]		*[https://forum.fhem.de/index.php/topic,82003.msg745677.html#msg745677 Sprung zu einer Unterseite (Anwendung von data-parent)]

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

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

2022-01-18T10:52:08Z

Attribute: data-lock ergänzt

← Nächstältere Version		Version vom 18. Januar 2022, 12:52 Uhr
Zeile 60:		Zeile 60:
	\|-		\|-
	\|'''data-warn-fixed'''\|\|Anzahl Nachkommastellen im Warnhinweis\|\|0\|\|		\|'''data-warn-fixed'''\|\|Anzahl Nachkommastellen im Warnhinweis\|\|0\|\|
			\|-
			\|'''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\|\|\|\|

	\|}		\|}

Ulm32b: /* Attribute */ "data-warn-fixed" ergänzt.

2018-10-28T17:53:49Z

Attribute: "data-warn-fixed" ergänzt.

← Nächstältere Version		Version vom 28. Oktober 2018, 19:53 Uhr
Zeile 58:		Zeile 58:
	\|-		\|-
	\|'''data-warn-color'''\|\|Schriftfarbe des Warnhinweises\|\|\|\|		\|'''data-warn-color'''\|\|Schriftfarbe des Warnhinweises\|\|\|\|
			\|-
			\|'''data-warn-fixed'''\|\|Anzahl Nachkommastellen im Warnhinweis\|\|0\|\|
	\|}		\|}

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

2018-10-26T18:05:04Z

Attribute: data-warn ergänzt

← Nächstältere Version		Version vom 26. Oktober 2018, 20:05 Uhr
Zeile 52:		Zeile 52:
	\|-		\|-
	\|'''data-hide-on'''\|\|Wert, bei dem das Widget ausgeblendet wird\|\|\|\|data-hide-on="false"		\|'''data-hide-on'''\|\|Wert, bei dem das Widget ausgeblendet wird\|\|\|\|data-hide-on="false"
			\|-
			\|'''data-warn'''\|\|<device>:<reading> für den Inhalt des Warnhinweises\|\|\|\|
			\|-
			\|'''data-warn-background-color'''\|\|Hintergrundfarbe des Warnhinweises\|\|\|\|
			\|-
			\|'''data-warn-color'''\|\|Schriftfarbe des Warnhinweises\|\|\|\|
	\|}		\|}

Ulm32b: Hinweise aus Forum eingefügt.

2018-10-26T17:26:00Z

Hinweise aus Forum eingefügt.

← Nächstältere Version		Version vom 26. Oktober 2018, 19:26 Uhr
Zeile 58:		Zeile 58:
	{{FTUI Klasse\|blank}}{{FTUI Klasse\|nocache}}{{FTUI Klasse\|default}}{{FTUI Klasse\|prefetch}}		{{FTUI Klasse\|blank}}{{FTUI Klasse\|nocache}}{{FTUI Klasse\|default}}{{FTUI Klasse\|prefetch}}
	\|}		\|}

			==Hinweise==
			* Für Sub-Pagebuttons kann eine eigene ''data-return-time'' festgelegt werden.
			* ''data-return-time'' muss nicht am ersten Button hängen. Der erste, der dieses Attribut hat, wird ausgewertet.

	==Beispiele==		==Beispiele==

Ulm32b: Korrektur zur Anzeige des Gelben Sacks

2018-02-16T10:24:22Z

Korrektur zur Anzeige des Gelben Sacks

← Nächstältere Version		Version vom 16. Februar 2018, 12:24 Uhr
Zeile 178:		Zeile 178:

	===Querverweis auf eine Pagebutton-Seite===		===Querverweis auf eine Pagebutton-Seite===
	Es ist zulässig, dass mehrere Pagebutton-Widgets auf dieselbe Seite verweisen. Neben der Verwendung in Menüleisten könnnen somit zusätzlich "Links" an beliebiger Stelle platziert werden, bei deren Betätigung die definierte Pagebutton-Seite bzw. -Unterseite aufgerufen wird. Das Aussehen des Pagebutton-Widgets kann mittels ''data-icons'' und ''data-colors'' wie beim Symbol-Widget beeinflusst werden. Folglich erweitert das Pagebutton-Widget die Funktionalität des Symbol-Widgets dergestalt, dass bei Betätigung eine Unterseite aufgerufen wird. Beispiel: Auf der Hauptseite signalisiert das Symbol, ob alle Fenster geschlossen sind oder mindestens eines geöffnet ist. Bei Betätigung des Widgets wird dann die Unterseite aufgerufen, welche eine detaillierte Übersicht über den Zustand aller Fenster enthält. Im nachfolgenden Beispiel wird der Abholtermin des Gelben Sacks am Vortag und am Abholtag angezeigt. Das Reading ''GelberSack_Anzeige'' ~~bestimmt, in welchem~~ Zeitfenster ~~die~~ Anzeige ~~blinkt~~. Wenn das Symbol angezeigt wird, kann durch Betätigung die Unterseite ''"#page_content6_4.html"'' aufgerufen werden (welche z.B. weitere Informationen zu anstehenden Abholterminen bereithält).		Es ist zulässig, dass mehrere Pagebutton-Widgets auf dieselbe Seite verweisen. Neben der Verwendung in Menüleisten könnnen somit zusätzlich "Links" an beliebiger Stelle platziert werden, bei deren Betätigung die definierte Pagebutton-Seite bzw. -Unterseite aufgerufen wird. Das Aussehen des Pagebutton-Widgets kann mittels ''data-icons'' und ''data-colors'' wie beim Symbol-Widget beeinflusst werden. Folglich erweitert das Pagebutton-Widget die Funktionalität des Symbol-Widgets dergestalt, dass bei Betätigung eine Unterseite aufgerufen wird. Beispiel: Auf der Hauptseite signalisiert das Symbol, ob alle Fenster geschlossen sind oder mindestens eines geöffnet ist. Bei Betätigung des Widgets wird dann die Unterseite aufgerufen, welche eine detaillierte Übersicht über den Zustand aller Fenster enthält. Im nachfolgenden Beispiel wird der Abholtermin des Gelben Sacks am Vortag (normale Anzeige) und am Abholtag (blinkend) angezeigt. Das Reading ''GelberSack_Anzeige'' begrenzt das Zeitfenster der Anzeige auf den Nachmittag des Vortages bis zum Vormittag des Abholtages. Wenn das Symbol angezeigt wird, kann durch manuelle Betätigung die Unterseite ''"#page_content6_4.html"'' aufgerufen werden (welche z.B. weitere Informationen zu anstehenden Abholterminen bereithält).

	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">

Ulm32b: Ergänzung Attribute, Beispiel Querverweis

2018-02-16T01:02:54Z

Ergänzung Attribute, Beispiel Querverweis

@@ Zeile 37: / Zeile 37: @@
 |-
 |'''data-parent'''||"Eltern-Seite" - Angabe erforderlich, wenn in einer mehrstufigen Menüstruktur direkt auf eine Unterseite gesprungen werden soll und diese nicht mit "prefetch" vorgeladen ist||||data-parent="main2"
 |}
@@ Zeile 159: / Zeile 174: @@
           data-icon="mi-tv"></div>
 </li>
 </syntaxhighlight>

Ulm32b: /* Weblinks */ Link auf data-parent

2018-02-06T23:26:09Z

Weblinks: Link auf data-parent

← Nächstältere Version		Version vom 7. Februar 2018, 01:26 Uhr
Zeile 164:		Zeile 164:
	*[https://github.com/knowthelist/fhem-tablet-ui/blob/master/examples/pagebutton/index_page_left_demo.html Beispiel für eine Navigation]		*[https://github.com/knowthelist/fhem-tablet-ui/blob/master/examples/pagebutton/index_page_left_demo.html Beispiel für eine Navigation]
	*{{Link2Forum\|Topic=67141\|LinkText=Fertiges Pagebutton Multi-Menü}}		*{{Link2Forum\|Topic=67141\|LinkText=Fertiges Pagebutton Multi-Menü}}
			*[https://forum.fhem.de/index.php/topic,82003.msg745677.html#msg745677 Sprung zu einer Unterseite (Anwendung von data-parent)]

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

Ulm32b: /* Attribute */ data-parent eingefügt.

2018-02-06T23:17:30Z

Attribute: data-parent eingefügt.

← Nächstältere Version		Version vom 7. Februar 2018, 01:17 Uhr
Zeile 35:		Zeile 35:
	\|-		\|-
	\|'''data-return-time'''\|\|Zeit in Sekunden, nach der die Standardseite (default) wieder aufgerufen wird\|\|\|\|data-return-time="60"		\|'''data-return-time'''\|\|Zeit in Sekunden, nach der die Standardseite (default) wieder aufgerufen wird\|\|\|\|data-return-time="60"
			\|-
			\|'''data-parent'''\|\|"Eltern-Seite" - Angabe erforderlich, wenn in einer mehrstufigen Menüstruktur direkt auf eine Unterseite gesprungen werden soll und diese nicht mit "prefetch" vorgeladen ist\|\|\|\|data-parent="main2"
	\|}		\|}

Baumbuwe: catsort

2018-01-26T13:59:07Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 15:59 Uhr
Zeile 163:		Zeile 163:
	*{{Link2Forum\|Topic=67141\|LinkText=Fertiges Pagebutton Multi-Menü}}		*{{Link2Forum\|Topic=67141\|LinkText=Fertiges Pagebutton Multi-Menü}}

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