FHEM Tablet UI - Versionsgeschichte

Pahenning: Die Seite wurde geleert.

2024-08-03T08:53:10Z

Die Seite wurde geleert.

Pahenning am 2. August 2024 um 15:35 Uhr

2024-08-02T15:35:41Z

← Nächstältere Version		Version vom 2. August 2024, 17:35 Uhr
Zeile 672:		Zeile 672:
	* [https://github.com/ovibox/fhem-ftui-user-demos Download der User-Demo-Dateien]		* [https://github.com/ovibox/fhem-ftui-user-demos Download der User-Demo-Dateien]

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

Ph1959de: Tote Links "entwikifiziert", Todo entfernt, da keine Weiterentwicklung zu erwarten ist

2023-12-06T18:22:31Z

Tote Links "entwikifiziert", Todo entfernt, da keine Weiterentwicklung zu erwarten ist

← Nächstältere Version		Version vom 6. Dezember 2023, 20:22 Uhr
Zeile 1:		Zeile 1:
	~~Diese Version der Tablet UI wird nicht weiterentwickelt!<ref>https://forum.fhem.de/index.php/topic,115259.msg1095261.html#msg1095261</ref>~~

	~~Siehe https://forum.fhem.de/index.php/topic,115259.msg1095261.html#msg1095261~~

	~~Es gibt eine neue Version 3 hier: [[FHEM Tablet UI v3]]~~

	~~Achtung: Version 3 ist nicht mit Version 2 kompatibel. <ref>Ein Umstieg auf FTUI3 hat eine Neu-Programmierung der Oberfläche zur Folge.</ref>~~

	{{Infobox Modul		{{Infobox Modul
	\|ModPurpose=Oberfläche für FHEM		\|ModPurpose=Oberfläche für FHEM
Zeile 15:		Zeile 7:
	\|ModOwner=setstate ({{Link2FU\|7023\|Forum}})		\|ModOwner=setstate ({{Link2FU\|7023\|Forum}})
	}}		}}
	[[FHEM Tablet UI v2]] (FTUI2) ist ein leichtgewichtiges aber funktionsreiches Frontend-Framework zum Steuern und Überwachen von in FHEM integrierten Geräten. Es basiert auf HTML/CSS/JavaScript und stellt somit keine zusätzlichen Anforderungen an den FHEM-Server.		Diese Version der Tablet UI wird nicht weiterentwickelt (siehe {{Link2Forum\|Topic=115259\|Message=1095261\|LinkText=diesen Forenbeitrag}}).

			Es gibt eine neue Version 3 hier: [[FHEM Tablet UI v3]]

			Achtung: Version 3 ist nicht mit Version 2 kompatibel. Ein Umstieg auf FTUI3 hat eine Neu-Programmierung der Oberfläche zur Folge.
			FHEM Tablet UI v2 (FTUI2) ist ein leichtgewichtiges aber funktionsreiches Frontend-Framework zum Steuern und Überwachen von in FHEM integrierten Geräten. Es basiert auf HTML/CSS/JavaScript und stellt somit keine zusätzlichen Anforderungen an den FHEM-Server.

	Mit Hilfe zahlreicher Widgets, die sehr leicht mit HTML Code konfiguriert werden können, ist es möglich, innerhalb kurzer Zeit ein den eigenen Wünschen entsprechendes User-Interface aufzubauen.		Mit Hilfe zahlreicher Widgets, die sehr leicht mit HTML Code konfiguriert werden können, ist es möglich, innerhalb kurzer Zeit ein den eigenen Wünschen entsprechendes User-Interface aufzubauen.
Zeile 175:		Zeile 172:

	==Navigationsmethoden==		==Navigationsmethoden==
	~~{{Todo\|Dieser Abschnitt dient derzeit lediglich als Sammlung von Stichpunkten und muss vollständig überarbeitet werden.}}~~

	'''Unterschied zwischen Pagetab und Pagebutton:'''		'''Unterschied zwischen Pagetab und Pagebutton:'''

Zeile 193:		Zeile 188:
	* [[FTUI Layout Flex\|Flex]]		* [[FTUI Layout Flex\|Flex]]
	* [[FTUI Layout Sheet\|Tabelle]]		* [[FTUI Layout Sheet\|Tabelle]]
	* ~~[[FTUI Layout Row\|~~Reihen]]		* Reihen

	=== Farben ===		=== Farben ===
Zeile 456:		Zeile 451:
	* [[FTUI Widget Departure\|departure]]: Abfahrtszeiten öffentlicher Verkehrsmittel		* [[FTUI Widget Departure\|departure]]: Abfahrtszeiten öffentlicher Verkehrsmittel
	* [[FTUI Widget Dimmer\|dimmer]]: Ein-/Aus-Button mit integriertem Schieberegler für z.B. einen Dim-Wert		* [[FTUI Widget Dimmer\|dimmer]]: Ein-/Aus-Button mit integriertem Schieberegler für z.B. einen Dim-Wert
	* ~~[[FTUI Widget Eventmonitor\|~~eventmonitor]]:		* eventmonitor:
	* [[FTUI Widget Homestatus\|homestatus]]: Auswahl für vier oder fünf definierte Zustände eines Objects (z.B.: FHEM Residents)		* [[FTUI Widget Homestatus\|homestatus]]: Auswahl für vier oder fünf definierte Zustände eines Objects (z.B.: FHEM Residents)
	* ~~[[FTUI Widget Html\|~~html]]:		* html:
	* [[FTUI Widget Iframe\|iframe]]: Widget zum Einbinden externer Inhalte in einem Iframe		* [[FTUI Widget Iframe\|iframe]]: Widget zum Einbinden externer Inhalte in einem Iframe
	* [[FTUI Widget Image\|image]]: Zeigt ein Bild, dessen URL fest vorgegeben oder aus einem Device-Reading gelesen werden kann		* [[FTUI Widget Image\|image]]: Zeigt ein Bild, dessen URL fest vorgegeben oder aus einem Device-Reading gelesen werden kann
Zeile 468:		Zeile 463:
	* [[FTUI Widget Level\|level]]: Vertikale oder horizontale Leiste zur Anzeige von Werten zwischen einem Minimal- und einem Maximalwert		* [[FTUI Widget Level\|level]]: Vertikale oder horizontale Leiste zur Anzeige von Werten zwischen einem Minimal- und einem Maximalwert
	* [[FTUI Widget Link\|link]]: Erstellt einen Link oder Button zum Aufrufen von URLs oder Senden von Befehlen an FHEM		* [[FTUI Widget Link\|link]]: Erstellt einen Link oder Button zum Aufrufen von URLs oder Senden von Befehlen an FHEM
	* ~~[[FTUI Widget~~ Medialist~~\|medialist]]~~:		* Medialist:
	* [[FTUI Widget Multistatebutton\|multistatebutton]]: Variante des push-Widgets, welches den set-Befehl abhängig vom gelesenen Status ändert		* [[FTUI Widget Multistatebutton\|multistatebutton]]: Variante des push-Widgets, welches den set-Befehl abhängig vom gelesenen Status ändert
	* ~~[[FTUI Widget Notify\|~~notify]]: Blendet ein Hinweisfenster im Browser ein		* notify: Blendet ein Hinweisfenster im Browser ein
	* [[FTUI Widget Pagebutton\|pagebutton]]: Button, mit dem auf andere Seiten gesprungen werden kann. Eignet sich gut für eine Navigation		* [[FTUI Widget Pagebutton\|pagebutton]]: Button, mit dem auf andere Seiten gesprungen werden kann. Eignet sich gut für eine Navigation
	* [[FTUI Widget Pagetab\|pagetab]]: Tauscht den Inhalt einer Seite durch den einer anderen. Eignet sich gut für ein Navigationsmenü		* [[FTUI Widget Pagetab\|pagetab]]: Tauscht den Inhalt einer Seite durch den einer anderen. Eignet sich gut für ein Navigationsmenü
Zeile 484:		Zeile 479:
	* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/settimer settimer]: Zum Anzeigen und Einstellen einer Uhrzeit		* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/settimer settimer]: Zum Anzeigen und Einstellen einer Uhrzeit
	* [[FTUI Widget Simplechart\|simplechart]]: Einfaches XY-Diagramm zur Anzeige eines Wertes, der direkt aus einem FHEM-Logfile gelesen wird		* [[FTUI Widget Simplechart\|simplechart]]: Einfaches XY-Diagramm zur Anzeige eines Wertes, der direkt aus einem FHEM-Logfile gelesen wird
	* ~~[[FTUI Widget Slideout\|~~slideout]]:		* slideout:
	* [[FTUI Widget Slider\|slider]]: Vertikaler Schieberegler zum Einstellen eines Wertes		* [[FTUI Widget Slider\|slider]]: Vertikaler Schieberegler zum Einstellen eines Wertes
	* [[FTUI Widget Spinner\|spinner]]: Element, um Werte durch Drücken auf Plus-/Minus- oder Höher-/Tiefer-Icons zu ändern		* [[FTUI Widget Spinner\|spinner]]: Element, um Werte durch Drücken auf Plus-/Minus- oder Höher-/Tiefer-Icons zu ändern
Zeile 498:		Zeile 493:
	===3rd Party Widgets===		===3rd Party Widgets===
	Für diese Widgets kann nicht sichergestellt werden, dass sie mit der jeweils aktuellen Version von FTUI funktionieren.		Für diese Widgets kann nicht sichergestellt werden, dass sie mit der jeweils aktuellen Version von FTUI funktionieren.
	* ~~[[FTUI Widget Agenda\|~~agenda]]: Zeigt Kalendereinträge in einer Listenform an		* agenda: Zeigt Kalendereinträge in einer Listenform an
	* [[FTUI_Widget_Analogclock\|analogclock]]: Analoguhr		* [[FTUI_Widget_Analogclock\|analogclock]]: Analoguhr
	* [[AutomowerConnect#Tablet-UI%2FFTUI_Version_2\|automowerconnect]]: Für das Modul AutomowerConnect		* [[AutomowerConnect#Tablet-UI%2FFTUI_Version_2\|automowerconnect]]: Für das Modul AutomowerConnect
Zeile 504:		Zeile 499:
	* [[FTUI Widget Chart\|chart]]: Diagramm mit ähnlichen Möglichkeiten wie die FHEM-Plots		* [[FTUI Widget Chart\|chart]]: Diagramm mit ähnlichen Möglichkeiten wie die FHEM-Plots
	* [[FTUI Widget Classchanger\|classchanger]]: Ändert seine CSS-Klassen je nach Status eines Devices		* [[FTUI Widget Classchanger\|classchanger]]: Ändert seine CSS-Klassen je nach Status eines Devices
	* ~~[[FTUI Widget Clicksound\|~~clicksound]]: Mit dem Widget "clicksound" können Sounds an Click-Events von Elementen gebunden werden.		* clicksound: Mit dem Widget "clicksound" können Sounds an Click-Events von Elementen gebunden werden.
	* [[FTUI Widget Dwdweblink\|dwdweblink]]: Grafische Anzeige DWD-Wetter-Weblink		* [[FTUI Widget Dwdweblink\|dwdweblink]]: Grafische Anzeige DWD-Wetter-Weblink
	* [[FTUI Widget Filelog\|filelog]]: Teile aus einem FHEM Logfile anzeigen		* [[FTUI Widget Filelog\|filelog]]: Teile aus einem FHEM Logfile anzeigen
	* ~~[[FTUI Widget Fullcalview\|~~fullcalview]]:		* fullcalview:
	* ~~[[FTUI Widget Gds\|~~gds]]:		* gds:
	* [[FTUI Widget Maps\|maps]]: Kartendarstellung mit Google Maps API		* [[FTUI Widget Maps\|maps]]: Kartendarstellung mit Google Maps API
	* ~~[[FTUI Widget Highchart\|~~highchart]]:		* highchart:
	* ~~[[FTUI Widget Highchart3d\|~~highchart3d]]:		* highchart3d:
	* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/itunes_artwork itunes_artwork]: itunes_artwork durchsucht die iTunes-Datenbank anhand eines Arrays von beliebigen Suchworten nach einem Cover-Artwork und zeigt dieses an.		* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/itunes_artwork itunes_artwork]: itunes_artwork durchsucht die iTunes-Datenbank anhand eines Arrays von beliebigen Suchworten nach einem Cover-Artwork und zeigt dieses an.
	* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/javascript javascript]: Ermöglicht die Ausführung beliebigen Javascript-Codes aus einem Reading.		* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/javascript javascript]: Ermöglicht die Ausführung beliebigen Javascript-Codes aus einem Reading.
	* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/kodinowplaying kodinowplaying]: zeigt Informationen zu grade in KODI gespielten Medien in Form eines Labels an.		* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/kodinowplaying kodinowplaying]: zeigt Informationen zu grade in KODI gespielten Medien in Form eines Labels an.
	* ~~[[FTUI Widget Loading\|~~loading]]:		* loading:
	* ~~[[FTUI Widget Meteogram\|~~meteogram]]:		* meteogram:
	* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/mpdnowplaying mpdnowplaying]: Zeigt Titelinformationen eines per MPD-Modul angebundenen Music Player Daemon an.		* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/mpdnowplaying mpdnowplaying]: Zeigt Titelinformationen eines per MPD-Modul angebundenen Music Player Daemon an.
	* [https://forum.fhem.de/index.php/topic,79283.msg712855.html#msg712855 pinpad]: Pinpad für z.B. eine Alarmanlage		* [https://forum.fhem.de/index.php/topic,79283.msg712855.html#msg712855 pinpad]: Pinpad für z.B. eine Alarmanlage
	* [https://forum.fhem.de/index.php/topic,76643.msg685472.html#msg685472 postme]: Liste des PostMe-Devices anzeigen		* [https://forum.fhem.de/index.php/topic,76643.msg685472.html#msg685472 postme]: Liste des PostMe-Devices anzeigen
	* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/reload reload]: auslösen eine Pagereloads		* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/reload reload]: auslösen eine Pagereloads
	* ~~[[FTUI Widget Screensaver\|~~screensaver]]:		* screensaver:
	* [[SolarForecast FTUI Widget\|solarforecast]]: Anzeige der SolarForecast-Grafik im FHEM Tablet UI		* [[SolarForecast FTUI Widget\|solarforecast]]: Anzeige der SolarForecast-Grafik im FHEM Tablet UI
	* [[FTUI Widget für SSCam Streaming Devices (SSCamSTRM)\|sscamstrm]]: Integration von SSCam Streaming-Devices (Synology Surveillance Station Kameras) im FHEM Tablet UI		* [[FTUI Widget für SSCam Streaming Devices (SSCamSTRM)\|sscamstrm]]: Integration von SSCam Streaming-Devices (Synology Surveillance Station Kameras) im FHEM Tablet UI
Zeile 529:		Zeile 524:
	* [[FTUI Widget Tts\|tts]]: Sprachausgabe eines Textes aus einem Reading auf dem Endgerät.		* [[FTUI Widget Tts\|tts]]: Sprachausgabe eines Textes aus einem Reading auf dem Endgerät.
	* [[FTUI Widget UWZ\|uwz]]: Anzeige der Warnungen der Unwetterzentrale		* [[FTUI Widget UWZ\|uwz]]: Anzeige der Warnungen der Unwetterzentrale
	* ~~[[FTUI Widget Wakeup\|~~wakeup]]:		* wakeup:
	* [https://github.com/svenson08/ftui-weekdaytimer-widget wdtimer]: Visualisierung des [[WeekdayTimer]] Modul		* [https://github.com/svenson08/ftui-weekdaytimer-widget wdtimer]: Visualisierung des [[WeekdayTimer]] Modul
	* [[FTUI Widget Weekprofile\|weekprofile]]: Visualisierung des [[weekprofile]] Moduls		* [[FTUI Widget Weekprofile\|weekprofile]]: Visualisierung des [[weekprofile]] Moduls

DS Starter: /* 3rd Party Widgets */

2023-12-05T16:46:07Z

3rd Party Widgets

← Nächstältere Version		Version vom 5. Dezember 2023, 18:46 Uhr
Zeile 522:		Zeile 522:
	* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/reload reload]: auslösen eine Pagereloads		* [https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/reload reload]: auslösen eine Pagereloads
	* [[FTUI Widget Screensaver\|screensaver]]:		* [[FTUI Widget Screensaver\|screensaver]]:
	* [[FTUI Widget ~~SMAPortalSPG~~\|~~smaportalspg~~]]: Anzeige ~~von SMAPortal~~-~~Daten~~ im FHEM Tablet UI		* [[SolarForecast FTUI Widget\|solarforecast]]: Anzeige der SolarForecast-Grafik im FHEM Tablet UI
	* [[FTUI Widget für SSCam Streaming Devices (SSCamSTRM)\|sscamstrm]]: Integration von SSCam Streaming-Devices (Synology Surveillance Station Kameras) im FHEM Tablet UI		* [[FTUI Widget für SSCam Streaming Devices (SSCamSTRM)\|sscamstrm]]: Integration von SSCam Streaming-Devices (Synology Surveillance Station Kameras) im FHEM Tablet UI
	* [https://forum.fhem.de/index.php/topic,73497.0.html scrolllabel]: Texte in Laufschrift darstellen		* [https://forum.fhem.de/index.php/topic,73497.0.html scrolllabel]: Texte in Laufschrift darstellen

Drhirn: ToDo entfernt. Wird nicht mehr weiter entwickelt.

2023-11-09T11:31:39Z

ToDo entfernt. Wird nicht mehr weiter entwickelt.

← Nächstältere Version		Version vom 9. November 2023, 13:31 Uhr
Zeile 24:		Zeile 24:

	[[File:tablet_ui.png\|thumb\|500px\|center\|Beispiel für ein mit [[FHEM Tablet UI]] erstelltes User-Interface]]		[[File:tablet_ui.png\|thumb\|500px\|center\|Beispiel für ein mit [[FHEM Tablet UI]] erstelltes User-Interface]]

	~~{{Todo\|Design-Möglichkeiten erklären, Navigationsmethoden ausformulieren}}~~

	== Installation ==		== Installation ==

Trelle: /* 3rd Party Widgets */ automowerconnect ergänzt

2023-06-27T21:54:46Z

3rd Party Widgets: automowerconnect ergänzt

← Nächstältere Version		Version vom 27. Juni 2023, 23:54 Uhr
Zeile 502:		Zeile 502:
	* [[FTUI Widget Agenda\|agenda]]: Zeigt Kalendereinträge in einer Listenform an		* [[FTUI Widget Agenda\|agenda]]: Zeigt Kalendereinträge in einer Listenform an
	* [[FTUI_Widget_Analogclock\|analogclock]]: Analoguhr		* [[FTUI_Widget_Analogclock\|analogclock]]: Analoguhr
			* [[AutomowerConnect#Tablet-UI%2FFTUI_Version_2\|automowerconnect]]: Für das Modul AutomowerConnect
	* [[FTUI Widget Calview\|calview]]: Zeigt Einträge aus einem [[CALVIEW]]-Device an		* [[FTUI Widget Calview\|calview]]: Zeigt Einträge aus einem [[CALVIEW]]-Device an
	* [[FTUI Widget Chart\|chart]]: Diagramm mit ähnlichen Möglichkeiten wie die FHEM-Plots		* [[FTUI Widget Chart\|chart]]: Diagramm mit ähnlichen Möglichkeiten wie die FHEM-Plots

Originalhardy: Hinweis auf FTUI3 erstellt

2022-04-12T12:57:18Z

Hinweis auf FTUI3 erstellt

← Nächstältere Version		Version vom 12. April 2022, 14:57 Uhr
Zeile 1:		Zeile 1:
			Diese Version der Tablet UI wird nicht weiterentwickelt!<ref>https://forum.fhem.de/index.php/topic,115259.msg1095261.html#msg1095261</ref>

			Siehe https://forum.fhem.de/index.php/topic,115259.msg1095261.html#msg1095261

			Es gibt eine neue Version 3 hier: [[FHEM Tablet UI v3]]

			Achtung: Version 3 ist nicht mit Version 2 kompatibel. <ref>Ein Umstieg auf FTUI3 hat eine Neu-Programmierung der Oberfläche zur Folge.</ref>

	{{Infobox Modul		{{Infobox Modul
	\|ModPurpose=Oberfläche für FHEM		\|ModPurpose=Oberfläche für FHEM

Sailor: Versionsnummer eingefuegt

2022-02-07T14:36:24Z

Versionsnummer eingefuegt

← Nächstältere Version		Version vom 7. Februar 2022, 16:36 Uhr
Zeile 20:		Zeile 20:

	== Installation ==		== Installation ==
	Die Installation von FHEM Tablet UI erzeugt keinen großen Aufwand und besteht im Großen und Ganzen aus drei Schritten:		Die Installation von FHEM Tablet UI v2 erzeugt keinen großen Aufwand und besteht im Großen und Ganzen aus drei Schritten:
	*Dateien aus dem GitHub-Repository herunterladen		*Dateien aus dem GitHub-Repository herunterladen
	*FHEM konfigurieren ([[HTTPSRV]]-Device erstellen, [[FHEMWEB]]-Attribut longpoll einstellen)		*FHEM konfigurieren ([[HTTPSRV]]-Device erstellen, [[FHEMWEB]]-Attribut longpoll einstellen)

Sailor: Versionsnummer angefuegt

2022-02-07T14:34:15Z

Versionsnummer angefuegt

← Nächstältere Version		Version vom 7. Februar 2022, 16:34 Uhr
Zeile 7:		Zeile 7:
	\|ModOwner=setstate ({{Link2FU\|7023\|Forum}})		\|ModOwner=setstate ({{Link2FU\|7023\|Forum}})
	}}		}}
	[[FHEM Tablet UI]] (~~FTUI~~) ist ein leichtgewichtiges aber funktionsreiches Frontend-Framework zum Steuern und Überwachen von in FHEM integrierten Geräten. Es basiert auf HTML/CSS/JavaScript und stellt somit keine zusätzlichen Anforderungen an den FHEM-Server.		[[FHEM Tablet UI v2]] (FTUI2) ist ein leichtgewichtiges aber funktionsreiches Frontend-Framework zum Steuern und Überwachen von in FHEM integrierten Geräten. Es basiert auf HTML/CSS/JavaScript und stellt somit keine zusätzlichen Anforderungen an den FHEM-Server.

	Mit Hilfe zahlreicher Widgets, die sehr leicht mit HTML Code konfiguriert werden können, ist es möglich, innerhalb kurzer Zeit ein den eigenen Wünschen entsprechendes User-Interface aufzubauen.		Mit Hilfe zahlreicher Widgets, die sehr leicht mit HTML Code konfiguriert werden können, ist es möglich, innerhalb kurzer Zeit ein den eigenen Wünschen entsprechendes User-Interface aufzubauen.

Ulm32b: Wording: Plural von "Status" ist nicht "Stati"

2022-01-15T09:40:13Z

Wording: Plural von "Status" ist nicht "Stati"

← Nächstältere Version		Version vom 15. Januar 2022, 11:40 Uhr
Zeile 171:		Zeile 171:
	{{Todo\|Dieser Abschnitt dient derzeit lediglich als Sammlung von Stichpunkten und muss vollständig überarbeitet werden.}}		{{Todo\|Dieser Abschnitt dient derzeit lediglich als Sammlung von Stichpunkten und muss vollständig überarbeitet werden.}}

	'''Unterschied zwischen Pagetab und Pagebutton:		'''Unterschied zwischen Pagetab und Pagebutton:'''

	'''Pagetab:''' Ganze Seite austauschen -> Menü muss auf jede Seite		'''Pagetab:''' Ganze Seite austauschen -> Menü muss auf jede Seite
Zeile 241:		Zeile 241:
	Nicht alle Widgets unterstützen alle hier angegebenen Klassen. Welche genau unterstützt werden, kann auf der jeweiligen Widget-Seite nachgelesen werden.		Nicht alle Widgets unterstützen alle hier angegebenen Klassen. Welche genau unterstützt werden, kann auf der jeweiligen Widget-Seite nachgelesen werden.

	{\|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"
	!colspan="2" style="text-align: left;"\|sheet/row/cell-Layout		! colspan="2" style="text-align: left;" \|sheet/row/cell-Layout
	\|-		\|-
	!class="mw-collapsible-content"\|Klasse!!Beschreibung		!class="mw-collapsible-content"\|Klasse!!Beschreibung
Zeile 248:		Zeile 248:
	\|}		\|}

	{\|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"
	!colspan="2" style="text-align: left;"\|row/col-Layout		! colspan="2" style="text-align: left;" \|row/col-Layout
	\|-		\|-
	!class="mw-collapsible-content"\|Klasse!!Beschreibung		!class="mw-collapsible-content"\|Klasse!!Beschreibung
Zeile 255:		Zeile 255:
	\|}		\|}

	{\|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"
	!colspan="2" style="text-align: left;"\|hbox/vbox-Layout		! colspan="2" style="text-align: left;" \|hbox/vbox-Layout
	\|-		\|-
	!class="mw-collapsible-content"\|Klasse!!Beschreibung		!class="mw-collapsible-content"\|Klasse!!Beschreibung
Zeile 262:		Zeile 262:
	\|}		\|}

	{\|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"
	!colspan="2" style="text-align: left;"\|Generelle Klassen für die Positionierung		! colspan="2" style="text-align: left;" \|Generelle Klassen für die Positionierung
	\|-		\|-
	!class="mw-collapsible-content"\|Klasse!!Beschreibung		!class="mw-collapsible-content"\|Klasse!!Beschreibung
Zeile 269:		Zeile 269:
	\|}		\|}

	{\|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"
	!colspan="2" style="text-align: left;"\|Vordergrundfarben		! colspan="2" style="text-align: left;" \|Vordergrundfarben
	\|-		\|-
	!class="mw-collapsible-content"\|Klasse!!Beschreibung		!class="mw-collapsible-content"\|Klasse!!Beschreibung
Zeile 276:		Zeile 276:
	\|}		\|}

	{\|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"
	!colspan="2" style="text-align: left;"\|Hintergrundfarben		! colspan="2" style="text-align: left;" \|Hintergrundfarben
	\|-		\|-
	!class="mw-collapsible-content"\|Klasse!!Beschreibung		!class="mw-collapsible-content"\|Klasse!!Beschreibung
Zeile 283:		Zeile 283:
	\|}		\|}

	{\|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"
	!colspan="2" style="text-align: left;"\|Rahmen		! colspan="2" style="text-align: left;" \|Rahmen
	\|-		\|-
	!class="mw-collapsible-content"\|Klasse!!Beschreibung		!class="mw-collapsible-content"\|Klasse!!Beschreibung
Zeile 290:		Zeile 290:
	\|}		\|}

	{\|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"
	!colspan="2" style="text-align: left;"\|Größen		! colspan="2" style="text-align: left;" \|Größen
	\|-		\|-
	!class="mw-collapsible-content"\|Klasse!!Beschreibung		!class="mw-collapsible-content"\|Klasse!!Beschreibung
Zeile 297:		Zeile 297:
	\|}		\|}

	{\|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"
	!colspan="2" style="text-align: left;"\|Schriftstil		! colspan="2" style="text-align: left;" \|Schriftstil
	\|-		\|-
	!class="mw-collapsible-content"\|Klasse!!Beschreibung		!class="mw-collapsible-content"\|Klasse!!Beschreibung
Zeile 304:		Zeile 304:
	\|}		\|}

	{\|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%;"
	!colspan="2" style="text-align: left;"\|Sonstiges		! colspan="2" style="text-align: left;" \|Sonstiges
	\|-		\|-
	!class="mw-collapsible-content"\|Klasse!!Beschreibung		!class="mw-collapsible-content"\|Klasse!!Beschreibung
Zeile 396:		Zeile 396:
	\|+allgemeine Attribute		\|+allgemeine Attribute
	\|-		\|-
	!align="right" \|data-type		! align="right" \|data-type
	\|Widget-Typ		\|Widget-Typ
	\|-		\|-
	!align="right" \|data-device		! align="right" \|data-device
	\|FHEM-Name des Gerätes (mit dem Befehl 'list' bekommt man im FHEM die kpl. Liste)		\|FHEM-Name des Gerätes (mit dem Befehl 'list' bekommt man im FHEM die kpl. Liste)
	\|-		\|-
	!align="right" \|class		! align="right" \|class
	\|CSS-Klassen für Aussehen und Formatierung des Widgets		\|CSS-Klassen für Aussehen und Formatierung des Widgets
	\|-		\|-
Zeile 410:		Zeile 410:
	\|+Daten Empfangen		\|+Daten Empfangen
	\|-		\|-
	!align="right" \|data-get		! align="right" \|data-get
	\|Reading Name		\|Reading Name
	\|-		\|-
	!align="right" \|data-get-on		! align="right" \|data-get-on
	\|Wert für den Status on		\|Wert für den Status on
	\|-		\|-
	!align="right" \|data-get-off		! align="right" \|data-get-off
	\|Wert für den Status off		\|Wert für den Status off
	\|-		\|-
Zeile 424:		Zeile 424:
	\|+Daten Senden		\|+Daten Senden
	\|-		\|-
	!align="right" \|data-set		! align="right" \|data-set
	\|Reading Name		\|Reading Name
	\|-		\|-
	!align="right" \|data-set-on		! align="right" \|data-set-on
	\|Wert für den Status on		\|Wert für den Status on
	\|-		\|-
	!align="right" \|data-set-off		! align="right" \|data-set-off
	\|Wert für den Status off		\|Wert für den Status off
	\|-		\|-
Zeile 451:		Zeile 451:
	* [[FTUI Widget Dimmer\|dimmer]]: Ein-/Aus-Button mit integriertem Schieberegler für z.B. einen Dim-Wert		* [[FTUI Widget Dimmer\|dimmer]]: Ein-/Aus-Button mit integriertem Schieberegler für z.B. einen Dim-Wert
	* [[FTUI Widget Eventmonitor\|eventmonitor]]:		* [[FTUI Widget Eventmonitor\|eventmonitor]]:
	* [[FTUI Widget Homestatus\|homestatus]]: Auswahl für vier oder fünf definierte ~~Stati~~ eines Objects (z.B.: FHEM Residents)		* [[FTUI Widget Homestatus\|homestatus]]: Auswahl für vier oder fünf definierte Zustände eines Objects (z.B.: FHEM Residents)
	* [[FTUI Widget Html\|html]]:		* [[FTUI Widget Html\|html]]:
	* [[FTUI Widget Iframe\|iframe]]: Widget zum Einbinden externer Inhalte in einem Iframe		* [[FTUI Widget Iframe\|iframe]]: Widget zum Einbinden externer Inhalte in einem Iframe

← Nächstältere Version		Version vom 27. Juni 2023, 23:54 Uhr
Zeile 502:		Zeile 502:
	* [[FTUI Widget Agenda\|agenda]]: Zeigt Kalendereinträge in einer Listenform an		* [[FTUI Widget Agenda\|agenda]]: Zeigt Kalendereinträge in einer Listenform an
	* [[FTUI_Widget_Analogclock\|analogclock]]: Analoguhr		* [[FTUI_Widget_Analogclock\|analogclock]]: Analoguhr
			* [[AutomowerConnect#Tablet-UI%2FFTUI_Version_2\|automowerconnect]]: Für das Modul AutomowerConnect
	* [[FTUI Widget Calview\|calview]]: Zeigt Einträge aus einem [[CALVIEW]]-Device an		* [[FTUI Widget Calview\|calview]]: Zeigt Einträge aus einem [[CALVIEW]]-Device an
	* [[FTUI Widget Chart\|chart]]: Diagramm mit ähnlichen Möglichkeiten wie die FHEM-Plots		* [[FTUI Widget Chart\|chart]]: Diagramm mit ähnlichen Möglichkeiten wie die FHEM-Plots