Floorplan Installations-Leitfaden - Versionsgeschichte

AndreasMohr: Typos/Spelling

2019-01-27T17:16:32Z

Typos/Spelling

← Nächstältere Version		Version vom 27. Januar 2019, 19:16 Uhr
Zeile 132:		Zeile 132:
	'''Stil 7 – Nur Kommandos'''		'''Stil 7 – Nur Kommandos'''

	Stil 7 stellt Geräte ausschließlich mit ihren Kommandos dar, also ohne Name oder ~~Staus~~/Icon. Dies kann z.B. verwendet werden, um für ein Thermostat ausschließlich das Dropdown für die Solltemperatur darzustellen.		Stil 7 stellt Geräte ausschließlich mit ihren Kommandos dar, also ohne Name oder Status/Icon. Dies kann z.B. verwendet werden, um für ein Thermostat ausschließlich das Dropdown für die Solltemperatur darzustellen.
	[[File:FloorplanInstallationGuide11.png\|none]]		[[File:FloorplanInstallationGuide11.png\|none]]

Baumbuwe: Vorlage Link2CmdRef

2018-01-31T16:08:25Z

Vorlage Link2CmdRef

← Nächstältere Version		Version vom 31. Januar 2018, 18:08 Uhr
Zeile 531:		Zeile 531:

	===Bilddatei einfügen===		===Bilddatei einfügen===
	Um eine Bilddatei ohne Link einzufügen, verwenden Sie statt ''weblink htmlcode'' einfach '''''weblink image''''', Details siehe ~~[http://fhem.de/commandref.html#weblink commandref]~~.		Um eine Bilddatei ohne Link einzufügen, verwenden Sie statt ''weblink htmlcode'' einfach '''''weblink image''''', Details siehe {{Link2CmdRef\|Anker=Weblink}}.

	===Eigene Readings-Listen anzeigen===		===Eigene Readings-Listen anzeigen===

Krueuw: /* Wie Geräte dargestellt werden */ Übergroße SVG

2016-12-21T10:43:06Z

Wie Geräte dargestellt werden: Übergroße SVG

← Nächstältere Version		Version vom 21. Dezember 2016, 12:43 Uhr
Zeile 77:		Zeile 77:

	'''Stil 0 - nur Symbol (devicestate)'''		'''Stil 0 - nur Symbol (devicestate)'''

			{{Randnotiz\|RNTyp=y\|RNText=Übernommene übergroße SVG-Icons können mit einer explizit korrekt gesetzten css-Datei
			attr Grundriss stylesheet darkfloorplanstyle.css
			verhindert werden.
			}}

	Dies ist wohl die am Häufigsten verwendete Darstellung. Das Symbol kann angeklickt werden und schaltet das zugehörige Gerät. Statt auch den Gerätenamen anzuzeigen, platzieren Sie das Symbol einfach an der "richtigen" Stelle auf Ihrem Grundriss.		Dies ist wohl die am Häufigsten verwendete Darstellung. Das Symbol kann angeklickt werden und schaltet das zugehörige Gerät. Statt auch den Gerätenamen anzuzeigen, platzieren Sie das Symbol einfach an der "richtigen" Stelle auf Ihrem Grundriss.

Krueuw: /* Das floorplan user-attribute */ global-Objekt erläutert.

2016-12-21T10:24:16Z

Das floorplan user-attribute: global-Objekt erläutert.

← Nächstältere Version		Version vom 21. Dezember 2016, 12:24 Uhr
Zeile 44:		Zeile 44:
	Im Hintergrund wurde jedoch das userattribute ''userattr fp_<name>'' in fhem.cfg zu Ihrer Liste der userattributes hinzugefügt:		Im Hintergrund wurde jedoch das userattribute ''userattr fp_<name>'' in fhem.cfg zu Ihrer Liste der userattributes hinzugefügt:
	attr global userattr fm_fav fm_groups fm_name fm_order room structexclude webCmd fp_Grundriss		attr global userattr fm_fav fm_groups fm_name fm_order room structexclude webCmd fp_Grundriss
	Dieses Attribut steuert, welche Geräte an welcher Stelle auf dem Bildschirm wie angezeigt werden sollen.		Dieses Attribut steuert, welche Geräte an welcher Stelle auf dem Bildschirm wie angezeigt werden sollen. Das Gerät global ist standardmäßig unter Unsorted -> global zu finden.

	===Zuweisen eines Hintergrundbilds===		===Zuweisen eines Hintergrundbilds===

Krikan: Anpassung an neues Repository

2016-12-12T15:15:34Z

Anpassung an neues Repository

Änderungen zeigen

Krikan: /* Eigene Readings-Listen anzeigen */ -> Link korrigiert

2015-11-17T18:13:31Z

Eigene Readings-Listen anzeigen: -> Link korrigiert

← Nächstältere Version		Version vom 17. November 2015, 20:13 Uhr
Zeile 531:		Zeile 531:

	Das Einbinden beliebiger Listen von Device-Readings lässt sich ebenfalls mit ''weblink htmlCode'' erreichen.		Das Einbinden beliebiger Listen von Device-Readings lässt sich ebenfalls mit ''weblink htmlCode'' erreichen.
	#Laden Sie dazu aus [http://~~fhem.svn.~~sourceforge.net/~~viewvc~~/fhem/trunk/fhem/contrib/95_FLOORPLAN/~~?sortby=file~~ diesem] SVN-Ordner die Datei '''''99_myFloorplanList.pm''''' herunter.		#Laden Sie dazu aus [http://sourceforge.net/p/fhem/code/HEAD/tree/trunk/fhem/contrib/95_FLOORPLAN/ diesem] SVN-Ordner die Datei '''''99_myFloorplanList.pm''''' herunter.
	#Passen Sie die Zeilen im Abschnitt '''''## Change this list as needed''''' auf Ihre Bedürfnisse an. Sie können in diesem Abschnitt ggf. Zeilen löschen oder auch hinzufügen.		#Passen Sie die Zeilen im Abschnitt '''''## Change this list as needed''''' auf Ihre Bedürfnisse an. Sie können in diesem Abschnitt ggf. Zeilen löschen oder auch hinzufügen.
	#Laden Sie mit dem fhem-Befehl '''''reload 99_myFloorplanList.pm''''' neu - ebenso nach jeder weiteren Programmänderung. Achten Sie nach jedem reload auf eventuelle Fehlermeldungen im Log.		#Laden Sie mit dem fhem-Befehl '''''reload 99_myFloorplanList.pm''''' neu - ebenso nach jeder weiteren Programmänderung. Achten Sie nach jedem reload auf eventuelle Fehlermeldungen im Log.

50watt: /* Weblinks */ Tippfehler

2015-10-16T16:59:20Z

Weblinks: Tippfehler

50watt: /* Weblinks */ Tippfehler

2015-10-16T16:43:43Z

Weblinks: Tippfehler

← Nächstältere Version		Version vom 16. Oktober 2015, 18:43 Uhr
Zeile 514:		Zeile 514:
	#Home {font-size:14px; width:100px; }		#Home {font-size:14px; width:100px; }

	{{Hinweis\|Da jeder floorplan eine eigene URL ~~hatt~~, können auch eigene Links auf andere floorplans verwenden werden.}}		{{Hinweis\|Da jeder floorplan eine eigene URL hat, können auch eigene Links auf andere floorplans verwenden werden.}}

	===Weblink mit Bild===		===Weblink mit Bild===

Uli: /* Einführung */ Kurzübersicht eingefügt.

2015-10-03T15:14:00Z

Einführung: Kurzübersicht eingefügt.

← Nächstältere Version		Version vom 3. Oktober 2015, 17:14 Uhr
Zeile 17:		Zeile 17:

	'''Kurz-Überblick:'''		'''Kurz-Überblick:'''
	* Hintergrundbild erstellen als '''.png''', speichern unter www/images/default. ~~Details siehe [[~~#~~Zuweisen_eines_Hintergrundbilds]]~~		# In fhem {{Taste\|define <myNAME> FLOORPLAN}} eingeben, also z.B. {{Taste\|define Grundriss FLOORPLAN}}. Dadurch gibt's nen neuen Menüpunkt ''Floorplans'' oberhalb der Raum-Liste.
	* In fhem {{Taste\|set WEB rereadicons}} ausführen - sonst erscheint das Hintergrundbild nicht!		# Hintergrundbild erstellen, als '''.png''' speichern unter www/images/default.
	* In fhem {{Taste\|define <NAME> FLOORPLAN}} eingeben. Dadurch gibt's nen neuen Menüpunkt ''Floorplans'' oberhalb der Raum-Liste.		# In fhem {{Taste\|set WEB rereadicons}} ausführen - sonst erscheint das Hintergrundbild nicht!
	* Zum Hinzufügen/Anpassen von devices ~~auf dem FLOORPLAN~~ muss das Attribut ''fp_arrange'' gesetzt werden mit {{Taste\|attr <~~NAME~~> fp_arrange 1}}. Dadurch erscheint im FLOORPLAN das Arrange-Menü im unteren Bildschirmbereich.		# Zum Hinzufügen/Anpassen von devices muss das Attribut ''fp_arrange'' gesetzt werden mit {{Taste\|attr <myNAME> fp_arrange 1}}. Dadurch erscheint im FLOORPLAN das Arrange-Menü im unteren Bildschirmbereich.
	* Im Arrange-Menü aus der oberen Liste neue devices auswählen und {{Taste\|~~Select~~}} klicken, dann mit der Maus an die geünschte Stelle schieben.		# Im Arrange-Menü aus der oberen Liste neue devices auswählen und {{Taste\|add}} klicken, dann mit der Maus an die geünschte Stelle schieben.
	* Im Arrange-Menü aus der unteren Liste device auswählen, dessen Darstellung geändert werden soll, dann {{Taste\|\|select}} klicken. Anschließend aus der dropdown-Liste den Style auswählen und {{Taste\|attr}} klicken.		# Im Arrange-Menü aus der unteren Liste ein device auswählen, dessen Darstellung geändert werden soll, dann {{Taste\|select}} klicken. Anschließend aus der dropdown-Liste den Style auswählen und {{Taste\|attr}} klicken.
			# Zum Schluss den Arrange-Mode deaktivieren mit {{Taste\|attr <myNAME> fp_arrange 0}} und in fhem die config speichern mit {{Taste\|save}}, sonst ist nach dem nächsten restart alles wieder weg.

	Nun also die detailllierte Beschreibung.		Nun also die detailllierte Beschreibung.

Uli: /* Einführung */

2015-10-03T14:50:39Z

Einführung

← Nächstältere Version		Version vom 3. Oktober 2015, 16:50 Uhr
Zeile 13:		Zeile 13:

	Einige weitere Beispiel-Screenshots von mehreren Anwendern finden Sie in [https://groups.google.com/d/msg/fhem-users/4inexYPdtfw/Utr24BN0AlwJ diesem] und [https://groups.google.com/d/msg/fhem-users/dNP7TLalbhY/ehBGolJbaF0J diesem] Post. Scrollen Sie dort auch ein wenig nach unten, um weitere Screenshots zu sehen.		Einige weitere Beispiel-Screenshots von mehreren Anwendern finden Sie in [https://groups.google.com/d/msg/fhem-users/4inexYPdtfw/Utr24BN0AlwJ diesem] und [https://groups.google.com/d/msg/fhem-users/dNP7TLalbhY/ehBGolJbaF0J diesem] Post. Scrollen Sie dort auch ein wenig nach unten, um weitere Screenshots zu sehen.

			Die Einrichtung eines solchen FLOORPLANS ist im Folgenden detailliert beschrieben.

			'''Kurz-Überblick:'''
			* Hintergrundbild erstellen als '''.png''', speichern unter www/images/default. Details siehe [[#Zuweisen_eines_Hintergrundbilds]]
			* In fhem {{Taste\|set WEB rereadicons}} ausführen - sonst erscheint das Hintergrundbild nicht!
			* In fhem {{Taste\|define <NAME> FLOORPLAN}} eingeben. Dadurch gibt's nen neuen Menüpunkt ''Floorplans'' oberhalb der Raum-Liste.
			* Zum Hinzufügen/Anpassen von devices auf dem FLOORPLAN muss das Attribut ''fp_arrange'' gesetzt werden mit {{Taste\|attr <NAME> fp_arrange 1}}. Dadurch erscheint im FLOORPLAN das Arrange-Menü im unteren Bildschirmbereich.
			* Im Arrange-Menü aus der oberen Liste neue devices auswählen und {{Taste\|Select}} klicken, dann mit der Maus an die geünschte Stelle schieben.
			* Im Arrange-Menü aus der unteren Liste device auswählen, dessen Darstellung geändert werden soll, dann {{Taste\|\|select}} klicken. Anschließend aus der dropdown-Liste den Style auswählen und {{Taste\|attr}} klicken.

			Nun also die detailllierte Beschreibung.

	==Vorbereitungen==		==Vorbereitungen==

← Nächstältere Version		Version vom 3. Oktober 2015, 17:14 Uhr
Zeile 17:		Zeile 17:

	'''Kurz-Überblick:'''		'''Kurz-Überblick:'''
	* Hintergrundbild erstellen als '''.png''', speichern unter www/images/default. ~~Details siehe [[~~#~~Zuweisen_eines_Hintergrundbilds]]~~		# In fhem {{Taste\|define <myNAME> FLOORPLAN}} eingeben, also z.B. {{Taste\|define Grundriss FLOORPLAN}}. Dadurch gibt's nen neuen Menüpunkt ''Floorplans'' oberhalb der Raum-Liste.
	* In fhem {{Taste\|set WEB rereadicons}} ausführen - sonst erscheint das Hintergrundbild nicht!		# Hintergrundbild erstellen, als '''.png''' speichern unter www/images/default.
	* In fhem {{Taste\|define <NAME> FLOORPLAN}} eingeben. Dadurch gibt's nen neuen Menüpunkt ''Floorplans'' oberhalb der Raum-Liste.		# In fhem {{Taste\|set WEB rereadicons}} ausführen - sonst erscheint das Hintergrundbild nicht!
	* Zum Hinzufügen/Anpassen von devices ~~auf dem FLOORPLAN~~ muss das Attribut ''fp_arrange'' gesetzt werden mit {{Taste\|attr <~~NAME~~> fp_arrange 1}}. Dadurch erscheint im FLOORPLAN das Arrange-Menü im unteren Bildschirmbereich.		# Zum Hinzufügen/Anpassen von devices muss das Attribut ''fp_arrange'' gesetzt werden mit {{Taste\|attr <myNAME> fp_arrange 1}}. Dadurch erscheint im FLOORPLAN das Arrange-Menü im unteren Bildschirmbereich.
	* Im Arrange-Menü aus der oberen Liste neue devices auswählen und {{Taste\|~~Select~~}} klicken, dann mit der Maus an die geünschte Stelle schieben.		# Im Arrange-Menü aus der oberen Liste neue devices auswählen und {{Taste\|add}} klicken, dann mit der Maus an die geünschte Stelle schieben.
	* Im Arrange-Menü aus der unteren Liste device auswählen, dessen Darstellung geändert werden soll, dann {{Taste\|\|select}} klicken. Anschließend aus der dropdown-Liste den Style auswählen und {{Taste\|attr}} klicken.		# Im Arrange-Menü aus der unteren Liste ein device auswählen, dessen Darstellung geändert werden soll, dann {{Taste\|select}} klicken. Anschließend aus der dropdown-Liste den Style auswählen und {{Taste\|attr}} klicken.
			# Zum Schluss den Arrange-Mode deaktivieren mit {{Taste\|attr <myNAME> fp_arrange 0}} und in fhem die config speichern mit {{Taste\|save}}, sonst ist nach dem nächsten restart alles wieder weg.

	Nun also die detailllierte Beschreibung.		Nun also die detailllierte Beschreibung.

← Nächstältere Version		Version vom 16. Oktober 2015, 18:59 Uhr
Zeile 21:		Zeile 21:
	# In fhem {{Taste\|set WEB rereadicons}} ausführen - sonst erscheint das Hintergrundbild nicht!		# In fhem {{Taste\|set WEB rereadicons}} ausführen - sonst erscheint das Hintergrundbild nicht!
	# Zum Hinzufügen/Anpassen von devices muss das Attribut ''fp_arrange'' gesetzt werden mit {{Taste\|attr <myNAME> fp_arrange 1}}. Dadurch erscheint im FLOORPLAN das Arrange-Menü im unteren Bildschirmbereich.		# Zum Hinzufügen/Anpassen von devices muss das Attribut ''fp_arrange'' gesetzt werden mit {{Taste\|attr <myNAME> fp_arrange 1}}. Dadurch erscheint im FLOORPLAN das Arrange-Menü im unteren Bildschirmbereich.
	# Im Arrange-Menü aus der oberen Liste neue devices auswählen und {{Taste\|add}} klicken, dann mit der Maus an die ~~geünschte~~ Stelle schieben.		# Im Arrange-Menü aus der oberen Liste neue devices auswählen und {{Taste\|add}} klicken, dann mit der Maus an die gewünschte Stelle schieben.
	# Im Arrange-Menü aus der unteren Liste ein device auswählen, dessen Darstellung geändert werden soll, dann {{Taste\|select}} klicken. Anschließend aus der dropdown-Liste den Style auswählen und {{Taste\|attr}} klicken.		# Im Arrange-Menü aus der unteren Liste ein device auswählen, dessen Darstellung geändert werden soll, dann {{Taste\|select}} klicken. Anschließend aus der dropdown-Liste den Style auswählen und {{Taste\|attr}} klicken.
	# Zum Schluss den Arrange-Mode deaktivieren mit {{Taste\|attr <myNAME> fp_arrange 0}} und in fhem die config speichern mit {{Taste\|save}}, sonst ist nach dem nächsten restart alles wieder weg.		# Zum Schluss den Arrange-Mode deaktivieren mit {{Taste\|attr <myNAME> fp_arrange 0}} und in fhem die config speichern mit {{Taste\|save}}, sonst ist nach dem nächsten restart alles wieder weg.

	Nun also die ~~detailllierte~~ Beschreibung.		Nun also die detaillierte Beschreibung.

	==Vorbereitungen==		==Vorbereitungen==
Zeile 52:		Zeile 52:
	Heißt Ihr floorplan also "Grundriss", speichern Sie die Datei '''''fp_Grundriss.png''''' im Ordner '''''www/images/default'''''.		Heißt Ihr floorplan also "Grundriss", speichern Sie die Datei '''''fp_Grundriss.png''''' im Ordner '''''www/images/default'''''.

	Bitte beachten Sie bei der Benennung der ~~Hintergundbild~~-Datei die Groß- und Kleinschreibung. Bedenken Sie auch, dass nur das Format '''.PNG''' verwendet werden kann. Soll eine SVG-Datei verwendet werden, muss diese über die CSS-Datei des floorplans eingebunden werden (siehe z.B. [[Floorplan_im_LCARS_Design#Einbinden des Hintergrundbildes\|hier]]).		Bitte beachten Sie bei der Benennung der Hintergrundbild-Datei die Groß- und Kleinschreibung. Bedenken Sie auch, dass nur das Format '''.PNG''' verwendet werden kann. Soll eine SVG-Datei verwendet werden, muss diese über die CSS-Datei des floorplans eingebunden werden (siehe z.B. [[Floorplan_im_LCARS_Design#Einbinden des Hintergrundbildes\|hier]]).

	Das Hintergrundbild im Beispiel-Screenshot wurde mit MS PowerPoint erstellt. Sie können zur Erstellung von 2D- oder 3D-Grundrissen auch [http://www.sweethome3d.com SweetHome3D] oder [http://www.imsidesign.com/Products/TurboFLOORPLAN TurboFloorplan 3D] verwenden.		Das Hintergrundbild im Beispiel-Screenshot wurde mit MS PowerPoint erstellt. Sie können zur Erstellung von 2D- oder 3D-Grundrissen auch [http://www.sweethome3d.com SweetHome3D] oder [http://www.imsidesign.com/Products/TurboFLOORPLAN TurboFloorplan 3D] verwenden.
Zeile 58:		Zeile 58:
	Selbstverständlich muss Ihr Hintergrundbild keinen Grundriss zeigen. Sie können jedes beliebige Bild verwenden und dann z.B. Messwerte darauf anzeigen, beispielsweise für einen digitalen Bilderrahmen.		Selbstverständlich muss Ihr Hintergrundbild keinen Grundriss zeigen. Sie können jedes beliebige Bild verwenden und dann z.B. Messwerte darauf anzeigen, beispielsweise für einen digitalen Bilderrahmen.

	Die beste Bildauflösung hängt vom verwendeten Anzeigegerät ab: Für iPads verwenden Sie z.B. 1024*768 (oder ein wenig darunter). Wenn Sie Ihren floorplan nur am Monitor verwenden wollen, möchten Sie vielleicht den gesamten Bildschirm füllen – dann hängt die Bildgröße von Ihrer Monitor-Auflösung ab. Das Hintergrundbild im ~~Beipiel~~ hat 1000x750px.		Die beste Bildauflösung hängt vom verwendeten Anzeigegerät ab: Für iPads verwenden Sie z.B. 1024*768 (oder ein wenig darunter). Wenn Sie Ihren floorplan nur am Monitor verwenden wollen, möchten Sie vielleicht den gesamten Bildschirm füllen – dann hängt die Bildgröße von Ihrer Monitor-Auflösung ab. Das Hintergrundbild im Beispiel hat 1000x750px.

	Wenn Sie Ihren floorplan nun wieder im Browser öffnen, wird auch das Hintergrundbild angezeigt (evtl. müssen Sie die Seite einmal neu laden). Wird das Hintergrundbild nicht angezeigt, prüfen Sie Pfad und Groß-/Kleinschreibung des Dateinamens.		Wenn Sie Ihren floorplan nun wieder im Browser öffnen, wird auch das Hintergrundbild angezeigt (evtl. müssen Sie die Seite einmal neu laden). Wird das Hintergrundbild nicht angezeigt, prüfen Sie Pfad und Groß-/Kleinschreibung des Dateinamens.
Zeile 67:		Zeile 67:
	Details finden Sie im Abschnitt [[#Spezielle Formate für Ihren floorplan - floorplanstyle.css]]		Details finden Sie im Abschnitt [[#Spezielle Formate für Ihren floorplan - floorplanstyle.css]]

	{{Hinweis\|fhem liest die Liste aller Bild-Dateien nur einmalig beim Start ein. Wenn Sie eine neue Datei hinzufügen, müssen Sie ein erneutes Einlesen ~~anstossen~~. Geben Sie dazu im fhem-Kommandofeld <code>set WEB rereadicons</code> ein. Ersetzen Sie ggf. ''WEB'' durch den Namen Ihrer Webinstanz.}}		{{Hinweis\|fhem liest die Liste aller Bild-Dateien nur einmalig beim Start ein. Wenn Sie eine neue Datei hinzufügen, müssen Sie ein erneutes Einlesen anstoßen. Geben Sie dazu im fhem-Kommandofeld <code>set WEB rereadicons</code> ein. Ersetzen Sie ggf. ''WEB'' durch den Namen Ihrer Webinstanz.}}

	==Anordnen der Geräte==		==Anordnen der Geräte==
Zeile 92:		Zeile 92:
	'''Stil 2 - Name, Symbol/Status und Befehle (devicename, devicestate und devicecommands)'''		'''Stil 2 - Name, Symbol/Status und Befehle (devicename, devicestate und devicecommands)'''

	Stil 2 zeigt den Namen, das Symbol bzw. den Status sowie alle für das Gerät verfügbaren Befehle an. Verwenden Sie ''webCmd'' und ''eventmap'' um die Befehlsliste Ihren Bedürfnissen anzupassen. Für einen Dimmer ~~möchsten~~ Sie also z.B. auch eine 50%-Stufe vorsehen.		Stil 2 zeigt den Namen, das Symbol bzw. den Status sowie alle für das Gerät verfügbaren Befehle an. Verwenden Sie ''webCmd'' und ''eventmap'' um die Befehlsliste Ihren Bedürfnissen anzupassen. Für einen Dimmer möchten Sie also z.B. auch eine 50%-Stufe vorsehen.
	Für Geräte mit einstellbaren Werten (z.B. Sollwerttemperatur bei einem Heizungsthermostat) zeigt Stil 2 auch das Feld für die Einstellung des Wertes und den Set-Schalter an. Auch Devices mit setList erhalten das Dropdown und einen Set-Button. Slider und Time sind mit Stil 2 in floorplan ebenfalls nutzbar.		Für Geräte mit einstellbaren Werten (z.B. Sollwerttemperatur bei einem Heizungsthermostat) zeigt Stil 2 auch das Feld für die Einstellung des Wertes und den Set-Schalter an. Auch Devices mit setList erhalten das Dropdown und einen Set-Button. Slider und Time sind mit Stil 2 in floorplan ebenfalls nutzbar.
	<br clear=all>		<br clear=all>
Zeile 107:		Zeile 107:
	'''Stil 4 – S300TH Temperatur & Feuchtigkeit'''		'''Stil 4 – S300TH Temperatur & Feuchtigkeit'''

	Stil 4 ist speziell für S300TH Sensoren bereitgestellt. Diese liefern Messwerte zu Temperatur und Feuchtigkeit. Bitte beachten Sie das Beispiel im Abschnitt [[#Temperatur & ~~Feuchtgkeit~~]]		Stil 4 ist speziell für S300TH Sensoren bereitgestellt. Diese liefern Messwerte zu Temperatur und Feuchtigkeit. Bitte beachten Sie das Beispiel im Abschnitt [[#Temperatur & Feuchtigkeit]]
	[[File:FloorplanInstallationGuide09.png\|none]]		[[File:FloorplanInstallationGuide09.png\|none]]

Zeile 131:		Zeile 131:


	Eine ausführlichere Liste von ~~Beipielen~~ finden Sie im Abschnitt [[#Beispiele: Screenshot & Definition]].		Eine ausführlichere Liste von Beispielen finden Sie im Abschnitt [[#Beispiele: Screenshot & Definition]].

	===Geräte anordnen===		===Geräte anordnen===
Zeile 152:		Zeile 152:
	Ihr Gerät wird nun an der Standard-Startposition 50 Pixel von oben (top), 200 Pixel von links (left) angezeigt.		Ihr Gerät wird nun an der Standard-Startposition 50 Pixel von oben (top), 200 Pixel von links (left) angezeigt.

	Alle Geräte auf dem Bildschirm können mit der Maus per Drag&Drop positioniert werden. Sobald Sie die Maustaste loslassen, wird Ihrer Konfiguration ein Attribut ~~hnzugefügt~~. Details siehe unten.		Alle Geräte auf dem Bildschirm können mit der Maus per Drag&Drop positioniert werden. Sobald Sie die Maustaste loslassen, wird Ihrer Konfiguration ein Attribut hinzugefügt. Details siehe unten.

	Außerdem erscheinen alle Geräte, die diesem floorplan hinzugefügt wurden, nun in der unteren Liste. Wählen Sie es dort aus und klicken Sie dann '''''select''''' um in die folgende Ansicht zu gelangen:		Außerdem erscheinen alle Geräte, die diesem floorplan hinzugefügt wurden, nun in der unteren Liste. Wählen Sie es dort aus und klicken Sie dann '''''select''''' um in die folgende Ansicht zu gelangen:
Zeile 184:		Zeile 184:
	Dabei		Dabei
	*wurden WLAN.on.png und WLAN.off.png im Ordner fhem/images/default gespeichert		*wurden WLAN.on.png und WLAN.off.png im Ordner fhem/images/default gespeichert
	*wird für die ~~Rolladensteuerung~~ [[eventMap]] verwendet, um die on/off-Befehle als down/up anzuzeigen		*wird für die Rollladensteuerung [[eventMap]] verwendet, um die on/off-Befehle als down/up anzuzeigen
	*wird ein [[#iFrames, z.B. Wettervorhersage\|iFrame]] zur Anzeige des Wetterberichts verwendet		*wird ein [[#iFrames, z.B. Wettervorhersage\|iFrame]] zur Anzeige des Wetterberichts verwendet
	*kann bei Stil 3 die Beschreibung aus den Teilen Reading-ID und Beschreibung bestehen.		*kann bei Stil 3 die Beschreibung aus den Teilen Reading-ID und Beschreibung bestehen.
Zeile 214:		Zeile 214:
	===Anzeige der floorplan-Konfiguration===		===Anzeige der floorplan-Konfiguration===

	Wenn Sie den Detail-Bildschirm Ihres floorplan-device anzeigen, sehen Sie dort eine Übersicht aller ~~zugordneten~~ Geräte wie in der oberhalb dargestellten Liste.		Wenn Sie den Detail-Bildschirm Ihres floorplan-device anzeigen, sehen Sie dort eine Übersicht aller zugeordneten Geräte wie in der oberhalb dargestellten Liste.

	===Include statt "save"===		===Include statt "save"===
Zeile 367:		Zeile 367:
	==Verwendung mehrerer floorplans==		==Verwendung mehrerer floorplans==

	Wenn Sie mehrere floorplans verwenden, für die Sie ~~underschiedliche~~ css-Stylesheets verwenden möchten, verwenden Sie das Attribut <code>stylesheet</code>.		Wenn Sie mehrere floorplans verwenden, für die Sie unterschiedliche css-Stylesheets verwenden möchten, verwenden Sie das Attribut <code>stylesheet</code>.
	Wenn nur wenige Formatierungen abweichen sollen, folgen Sie dem u.g. ~~Beipiel~~. Für gewöhnlich müssen Sie lediglich die class ''fp_<name>'' hinzufügen, wie bei '''''.devicecommands''''' unten:		Wenn nur wenige Formatierungen abweichen sollen, folgen Sie dem u.g. Beispiel. Für gewöhnlich müssen Sie lediglich die class ''fp_<name>'' hinzufügen, wie bei '''''.devicecommands''''' unten:

	<pre>		<pre>