Floorplan unterschiedliche Darstellung für Web und WebPhone/WebTablet

[Timmy.m]

Hallo!

Ich habe meinen Floorplan über den Webbrowser über den Web Zugang eingerichtet.
Leider ist die Darstellung im WebPhone bzw. im WebTablet verschoben.
Wie kann ich dies beheben?

Vielen Dank.

Grüße Tim

[UliM]

Hi,
bei mir ist das nicht so.
Welche stylesheet-Einstellungen verwendest Du für die jeweiligen ports und floorplans?
Gruß, Uli

[Timmy.m]

Hallo Uli,

danke für die schnelle Antwort. Hier die gewünschten Einstellungen.

Code Auswählen Erweitern

define WEB FHEMWEB 8083 global

define WEBphone FHEMWEB 8084 global
attr WEBphone stylesheetPrefix smallscreen

define WEBtablet FHEMWEB 8085 global
attr WEBtablet stylesheetPrefix touchpad

Grüße Tim

[UliM]

Hi,
hmmm - sieht bei mir genau so aus. Verrschoben is aber nix.
Bin leider ratlos.
=8-)

[mcbo]

Hi, ich habe dasselbe Problem.

Meine Floorplan-Einstellungen unter WEB (Port:8083)
sind unter WEBPhone (Port:8084) verschoben.

Code Auswählen Erweitern

define WEB FHEMWEB 8083 global
attr WEB stylesheetPrefix dark

define WEBphone FHEMWEB 8084 global
attr WEBphone stylesheetPrefix darktouchpad

Gibt es dazu eine Lösung?

[fiedel]

Macht mal Screenshots und / oder Fotos, damit wir sehen, was/wie verschoben ist (Gegenüberstellung PC/Mobile)!

Bei mir ist der FP am PC genau so angeordnet wie am Tablet oder Smartphone - nur dass er dort kleiner ist. Ich nutze allerdings für alles die gleiche Instanz. Beim erstellen des Hintergrundes habe ich darauf geachtet, dass die Auflösung des Bildes zur Aufl. des Tablets passt, wo der FP hauptsächlich verwendet werden soll, also 1280x1024.

Gruß

Frank

[mcbo]

Macht mal Screenshots und / oder Fotos

wird doch gemacht 

Ich habe mir jetzt den WEBPhone Floorplan angepasst, dann passt aber der WEB-Floorplan nicht.
Passe ich mir den WEB-Floorplan an, passt der andere nicht. 


Gruß

Marcel

[fiedel]

Hi Marcel,

also das kann so nicht gehen.  Deine Seitenaufteilungen sind ja unterschiedlich und damit verrutscht das Hintergrundbild unter den fest definierten Elementen. Die sind ja nicht dynamisch verlinkt, wie auf so einer hyperflexibelen Webseite.

Du müsstest also je Instanz auch noch unterschiedliche Floorpläne definieren. Dann können die Elemente jeweils mit unterschiedlichen Positionen den FPs zugewiesen werden . Bei mir ist das anders, weil ich wie gesagt immer den gleichen Hintergrund, bzw die gleiche Aufteilung habe. PC oder Smartphone sind dann zwar völlig unterschiedlich groß, aber wegen der gleichen Auflösung bleibt die Darstellung von der räuml. Aufteilung her immer gleich.

[mcbo]

Also muß ich bei beiden Interfaces, den gleichen Style verwenden?

[fiedel]

Das wäre die Lösung die z.B. ich auch verwende.

[noxx]

Habe das selbe Problem, in der Tablet Ansicht ist alles verschoben.
Wenn ich nun 2 FPs machen, wie weise ich die zu? Also das bei Port 8083 FP1 und bei Port 8085 FP2 genutzt wird?

Gesendet von meinem GT-I9195 mit Tapatalk

[fiedel]

Diese Abhängigkeit gibt es leider nicht. Du definierst dir 2 Floorpläne und richtest auf den Geräten den entsprechenden Link als Startseite ein. Die Links auf diesen "Startfloorplänen" müssten dann zu den jeweils passenden Unterfloorplänen führen.

[noxx]

OK, wie blende ich dann auf der linken Seite die Links zu Fhem und den anderen Flooplänen aus ?

Gesendet von meinem GT-I9195 mit Tapatalk


Erledigt

[noxx]

Eine Frage noch. Bisher habe ich die Schriften über die floorplanstyle.css formatiert. Rufe ich den
Floorplan mit meinem IPAD auf, werden die formatieren nicht angezeigt. muss ich für einen Floorplan
mehrere css Dateien editieren?

[fiedel]

Eigentlich nicht. Ich würde allerdings von einem Ipad nicht erwarten, dass alles auf Anhieb klappt. Dazu ist das OS zu exotisch.