Neues Design: Metal

[peuter]

Wenn OK kann ich die änderung ins svn schieben.

Das hab ich übersehen, wenn Du das bei Dir bereits für alle Flavours geändert hast, kannst Du das gerne ins SVN packen.

[peuter]

Egal welche COLSPAN Werte ich auch einstelle, bricht IPAD immer die Groups um. Das wäre im Hochformat ja noch nachvollziehbar, aber im Querformat passiert das gleiche und rechts bleibt noch ein Haufen Platz.

Guck mal ob Dir folgendes weiterhilft: https://knx-user-forum.de/269897-post227.html

Welche Chance habe ich in der Config den UserAgenten abzufragen und darauf aufbauend bestimmte Inhalte anzuzeigen?

Eine solche Möglichkeit besteht meines Wissens nach zur Zeit nicht.

Wenn ich das richtig verstehe, bräuchtest Du eine Möglichkeit Deine Config für bestimmte Endgeräte so zu verändern, dass die Pagelinks dort wieder sichtbar werden, also aus

<page ... visible="false">

<page ... visible="true">

gemacht wird. Ich hatte mir mal so etwas mittels XSLT-Regeln gebastelt. Das ist aber so weit weg von Endanwendertauglich, wie es nur sein kann und wird es niemals ins SVN schaffen. Das kann man einem normal-sterblichen einfach nicht zumuten solche Regeln zu erstellen (ich habs auch nur zum Teil hinbekommen).

Spricht etwas dageben in Deiner Config, die Top-Navbar zu benutzen anstatt der Left-Navbar. Die wird nämlich auch auf kleinen Bildschirmen nicht ausgeblendet. So habe ich das bei mir auch gelöst und lebe ganz gut damit.

[alexbeer]

Hi, Nutze die Top Navbar (Etagen) und die linke Navbar (Räume) parallel.
Habe schon überlegt, eine zweite Ebene der TopNavbar zu erstellen, die nur für mobile Endgeräte genutzt wird.
Alternativ würd ich mir gerne mal eine Config anschauen, die sowohl auf mobilen als auch größeren Endgeräten brauchbar ist.
Dann wären wir wieder bei der Idee von Swiss einen Screenshot mit der zugehörigen Config hier in einem gesonderten Thread als Design-Möglichkeiten zu sammeln...

[vlamers]

Ich habe das ähnlich aufgebaut. Topnav zur Hauptnavigation, left Navbar für Unterkategorien.
Am Handy selbes Problem mit der left Navbar.

Könnte man nicht auf mobilen Geräten (per screenwidth oder per UserAgent unterscheiden) alle visible=false durch visible=true ersetzen?

Gruß

Edit:

änderungen für die flavour-> group sind im svn

[netsrac]

Hallo Tobias,

sag mal, wo / wie wird eigentlich definiert, ob der NavBar (bei mir oben in einer Zeile) beim scrollen stehen bleibt oder nicht?!

Auf dem Desktop tut er das immer, auf mobilen Geräten nie...was beim iPhone durchaus Sinn macht, da hier sowieso wenig Platz ist. Bei dem 7" Nexus dürfte er aber durchaus stehen bleiben. Nacht die Navigation um einiges leichter.

Wie kann man das beeinflussen...oder vielleicht sogar noch besser...gibt es die Chance, das mittels eines Parameters beim Navbar zu definieren?!


Gruß, Netsrac

[peuter]

sag mal, wo / wie wird eigentlich definiert, ob der NavBar (bei mir oben in einer Zeile) beim scrollen stehen bleibt oder nicht?!

Die entsprechenden CSS-Regeln findest Du in der mobile.css (die letzten beiden). D.h. nur wenn die mobile.css geladen wird, wird die Navbar gescrollt.

Warum jetzt beim 7" Nexus die mobile.css benutzt wird weiß ich auch nicht. Ich kenne zwar die Auflösung des Geräts nicht aber die sollte doch größer als 480px sein, oder?

Über Parameter kann man das nicht beeinflussen. Das würde IMHO auch nur Sinn machen, wenn es einen einfachen Weg gäbe Client-abhängige Configs zu verwalten, bei denen man nicht eine Config für jeden Client von Hand pflegen müsste.

[netsrac]

Die entsprechenden CSS-Regeln findest Du in der mobile.css (die letzten beiden). D.h. nur wenn die mobile.css geladen wird, wird die Navbar gescrollt.

Hmm...neee, das ist es leider nicht. Hatte ich schon versucht. Aber selbst wenn ich die letzten zwei Regel auskommentiere, den Cache löschen und dann die Visu neu lade, bleibt der NavBar trotzdem nicht stehen... :-(

Gruß, Netsrac

[peuter]

Hmm...neee, das ist es leider nicht. Hatte ich schon versucht. Aber selbst wenn ich die letzten zwei Regel auskommentiere, den Cache löschen und dann die Visu neu lade, bleibt der NavBar trotzdem nicht stehen... :-(

Mehr gibts da aber nicht. Ich hatte die Regeln früher in der basic.css und habe sie dann in die mobile.css verschoben. Hat da bei Dir vielleicht ein update nicht geklappt und die Regeln sind noch in der basic.css vorhanden?

[netsrac]

Mehr gibts da aber nicht. Ich hatte die Regeln früher in der basic.css und habe sie dann in die mobile.css verschoben. Hat da bei Dir vielleicht ein update nicht geklappt und die Regeln sind noch in der basic.css vorhanden?

Okay, habe die basic.css gelöscht und nochmal ausgechecked...war es aber auch nicht.

Was mir allerdings gerade auffällt: Wenn ich die demo config lade, dann bleibt der Side-Navbar auf dem Nexus auch nicht stehen....egal, ob Firefox, Dolphin oder Chrome....

Vermutlich liegt das Problem also an ganz anderer Stelle....

Danke Dir trotzdem...


Gruß, Netsrac

[peuter]

Was mir allerdings gerade auffällt: Wenn ich die demo config lade, dann bleibt der Side-Navbar auf dem Nexus auch nicht stehen....egal, ob Firefox, Dolphin oder Chrome....

Vermutlich liegt das Problem also an ganz anderer Stelle....

Nee das deutet wieder genau auf die mobile.css den nur dort werden die Left-/Right Navbars deaktiviert. Da glaube ich mittlerweile eher, dass das Cache löschen auf dem Nexus nicht funktioniert. Versuch mal die mobile.css direkt auf dem Nexus aufzurufen, also:
xxx/visu/designs/metal/mobile.css und guck Dir an was er da so lädt. Vielleicht hilft das weiter?!

[netsrac]

Nee das deutet wieder genau auf die mobile.css den nur dort werden die Left-/Right Navbars deaktiviert. Da glaube ich mittlerweile eher, dass das Cache löschen auf dem Nexus nicht funktioniert. Versuch mal die mobile.css direkt auf dem Nexus aufzurufen, also:
xxx/visu/designs/metal/mobile.css und guck Dir an was er da so lädt. Vielleicht hilft das weiter?!

Genau so mache ich es ja...Cache löschen gibt es ja gar nicht, aber das CSS direkt zu laden und nochmal auf reload zu clicken hilft. Sehe dann auch, die Veränderungen (sprich Kommentare).

Leider schaffe ich es nicht, das am Rechner zu simulieren. Selbst wenn ich das Browser-Fenster vor dem Laden verkleinere, erhalte ich ein anderes Verhalten.

Was ich allerdings meinte mit der Demo-Config war nicht die "metal Demo", sondern die globale Demo, die ja "Pure" als design verwendet. Hier verändert die entsprechende mobile.css gar nix mit den navbars, wodurch ich auf die Idee kam, dass es nicht an "Dir" liegt :-)

Gruß, Netsrac

[peuter]

Was ich allerdings meinte mit der Demo-Config war nicht die "metal Demo", sondern die globale Demo, die ja "Pure" als design verwendet. Hier verändert die entsprechende mobile.css gar nix mit den navbars, wodurch ich auf die Idee kam, dass es nicht an "Dir" liegt :-)

Ok, hab ich falsch verstanden, ich dachte zwar schon an die normale Demo-config aber eben im Metal-Design. Dann liegt der Fehler ja tatsächlich nicht im Design. Ich würde zwar vermuten, dass die Ursache irgendwo in der templateengine.js zu finden ist, aber da ich kein Nexus habe kann ich da nicht weiterhelfen.

[netsrac]

Ich würde zwar vermuten, dass die Ursache irgendwo in der templateengine.js zu finden ist, aber da ich kein Nexus habe kann ich da nicht weiterhelfen.

Irgendein anderes Mobile Device?!

Oder irgendeine Idee, wie man einen Desktop dazu überredet, sich wie ein mobil Gerät zu verhalten?!

[peuter]

Irgendein anderes Mobile Device?!

Habs gerade mit meinem Samsung Galaxy S2 getestet -> funktioniert alles wie es soll.

Hast Du mal diverse Browser auf dem Nexus durchgetestet?

Oder irgendeine Idee, wie man einen Desktop dazu überredet, sich wie ein mobil Gerät zu verhalten?!

Ich kenne da nur so simple Sachen, wie den User-Agent entsprechend zu manipulieren aber ich nicht glaube nicht, dass das hilft, da ich hier die Ursache eher irgendwo im Javascript vermute und dafür fällt mir nur
der ganz harte Weg ein:
Es gibt irgendwo das Android SDK zum runterladen. Da gibts auch Emulatoren für verschiedene Android Versionen. Ist glaube ich nicht "mal eben" zu installieren und einzurichten und obs weiterhilft weiß ich auch nicht, da fehlt mir die Praxiserfahrung.

[netsrac]

Habs gerade mit meinem Samsung Galaxy S2 getestet -> funktioniert alles wie es soll.

Hast Du mal diverse Browser auf dem Nexus durchgetestet?

Habe ich....firefox, Dolphin und Chrome...alle haben das selbe Verhalten.

Ich gehe davon aus, dass bei Deinem Samsung der Navbar nicht stehen bleibt, oder?!

Beim iPad bleibt es stehen, beim iPhone und Nexus nicht. Ich denke, dass das hier "nur" eine Frage der Auflösung und des entsprechenden Handlings ist. Müsste nur die entsprechende Stelle finden, wo man das beeinflussen kann.

Beim iPhone macht es halt Sinn, das es mitscrolled, beim Nexus nicht...