Hallo
gibt es ein Möglichkeit einen Button zu erstellen, der bei mobilen Geräten das Wechsel der Ansicht zur Desktopansicht ermöglicht (Zur normalen Ansicht wechseln)?
Hallo
gibt es ein Möglichkeit einen Button zu erstellen, der bei mobilen Geräten das Wechsel der Ansicht zur Desktopansicht ermöglicht (Zur normalen Ansicht wechseln)?
nunja ... da bei einem responsiv Layout alles über media queries und CSS geregelt wird, wird das schwierig. Da musst du mit JS nachhelfen!
fg
nicky
sent via Tapatalk for iPhone
Schau mal unter https://gist.github.com/kikmedia/8487644, hab das mal exemplarisch über die .htaccess mit Cookies gemacht.
Grundsätzlich geht sowas, wenn Du für die Versionen mit zwei Seitenbäumen arbeitest. Bei der Variante, die nur auf @media setzt, müsste man gucken, dass man das CSS in Abhängigkeit vom Cookie lädt. Geht auch, ist aber etwas komplizierter. Noch ein Argument mehr für externe Stylesheets ... ;-)
Contao in Kiel: kikmedia webdevelopment | Contao-Partnerin | Contao Usergroup Kiel | github | Contao-Community-Alliance | MetaModels-Team
Vorab danke für die Antworten. Wenn ich das richtig verstehe haben Webseiten mit einem "Ansicht wechseln"-Button zu 90% zwei identische Seitenbäume (webseite.de, mobile.webseite.de), und diese werden dann geswitched. Das wäre natürlich eine Lösung.
Momentan verwende ich drei Seitenlayouts:
- homepage (nur für die Startseite)
- subpage (für alle Seiten)
- mobilpage (für die mobile Ansicht)
Ich denke da wird es eh schwierig den Viewport zu umgehen.
Habe ich zwar selbst noch nicht ausprobiert, aber im Buch "Websites erstellen mit Contao 3" von Peter Müller (einmal mehr ...) habe ich dazu einen Abschnitt über die Verwendung des Inserttags {{toggle_view}} gefunden. Dort wird beispielhaft ein Button in die Seite eingefügt, mit der man zwischen Desktop- und mobiler Ansicht hin- und herschalten kann.
Kurz gefasst wird einfach ein Frontend-Modul "eigener HTML-Code" erstellt, in dem ein div für den Button angelegt wird, das so aussieht:
Das Modul wird dann in alle Seitenlayouts eingebunden (alle Desktop und alle Mobile...) und mit ein wenig CSS gestylt und fertig ist die Laube.HTML-Code:<div class="DeineKlasse">{{toggle_view}}</div>
Wie gesagt, nie von mir ausprobiert, aber ich verstehe das im Buch schon so, dass man sowohl auf dem Desktop als auch auf dem mobilen Gerät zwischen den beiden Ansichten wechseln kann.
Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
[Arbeitet bei -> Paus Design & Medien]
"I can EXPLAIN it to you, but I can't UNDERSTAND it for you."
Ich verwende ja verschieden Seitenlayouts für die "normale" und mobile Ansicht. Ich werde es mal testen.
FUNKTIONIERT !!!
Besten Dank !!!
Geändert von Mike1410 (18.01.2014 um 13:55 Uhr)
Ich nutze auch das toggle_view mit Contao 3.3.2 zum Wechseln zwischen 2 Layouts für Web und Mobile.
Leider scheint es nicht so richtig zu funktionieren:
Drücke ich den Button muss ich die Seite neu laden und dann erst wird die Ansicht gewechselt.
Drücke ich den Button erneut um zurück zugelangen zur alten Ansicht muss ich wieder die Seite erneut laden damit es funktioniert.
Hat da jemand das selbe Problem und fand dazu eine Lösung?
Grüße
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen