contao responsive - wie konfigurieren?

[lichtfest]

Hallo zusammen,

Contao 3 ist anscheinend responsive geworden - finde ich ja generell nicht schlecht.
Aber jetzt wird das Menü, das normalerweise links dargestellt wird am Handy ganz unten angezeigt. -> Wie kann ich das konfigurieren -> anscheinend ist jetzt #header #main #left -> ich hätte aber gerne #header #left #main
Oder kann man die Responsive Funktionalität irgendwie ausschalten?

Danke - Max

[planepix]

Hallo Max,

ja mit Contao kamn das sog. Holy Grail dazu (im Layoutbuilder).

Mach dich schlau und schau:
http://www.ck2013.think-contao.de/

[lichtfest]

Danke!

Habe mir das ganze jetzt durchgeschaut -> d.h. so leicht lässt sich die Reihenfolge nicht ändern und das Responsive Layout lässt sich nicht deaktivieren (ausser man hängt einen Parameter toggle_view in die Url) ... hmm

Kann ich die toggle_view Variable irgendwo global setzen?

[planepix]

Der Insert-Tag {{toggle_view}} ist nur der Umschalter zwischen mobilem Seitenlayout und (Standard)-Seitenlayout.

Du kannst den Holy-Grail "umgehen", in dem du den Layout-Builder nicht verwendest und dir entsprechend das CSS selbst zusammenbaust.

[RainerG]

Mal so nebenbei gefragt:
Wie bekommt man es hin, dass einzelne Menüeinträge mit Leerzeichen nicht zerteilt werden, wenn die Breite nicht ausreicht und das Menü in eine weitere Zeile umgebrochen wird. Es funktioniert zwar trotzdem, aber es sieht ja blöd aus, wenn das Menü dann so aussieht:
Eintrag eins - Eintrag zwei - Eintrag
drei

wenn nicht mehr genug Platz ist.

[Thoni]

Im CSS-Editor unter 'Schrift' kann man das einstellen.

[Lego2013]

Wenn jeder Anker in eine neue Zeile soll, dann mittels CSS-Eigenschaft { display: block; }

[RainerG]

Wenn jeder Anker in eine neue Zeile soll, dann mittels CSS-Eigenschaft { display: block; }

Ne, nicht jeder! Dann ist ja alles untereinander.

Einzelne Links sollen nicht auf zwei Zeilen verteilt werden. Mit BLOCK sind sie untereinander.

Aber der Vorschlag hat mich zum ausprobieren angeregt und sieh da, mit INLINE-BLOCK scheint es wie gewünscht zu funktionieren :-). Die einzelnen Links werden nicht zersägt und komplett auf die 2. Zeile umgebrochen, wenn der Platz nicht mehr reicht.

Großes DANKE!

[lichtfest]

Der Insert-Tag {{toggle_view}} ist nur der Umschalter zwischen mobilem Seitenlayout und (Standard)-Seitenlayout.

Du kannst den Holy-Grail "umgehen", in dem du den Layout-Builder nicht verwendest und dir entsprechend das CSS selbst zusammenbaust.

Und wie würde das im CSS ausschauen? Kann ich vielleicht von einer alten Contao-Version was verwenden?

[lichtfest]

Und wie würde das im CSS ausschauen? Kann ich vielleicht von einer alten Contao-Version was verwenden?

Also so langsam verlässt mich die Zuversicht. Es kann doch nicht sein, dass ich das komplette Layout neu bauen muß, damit ich ein vernünftiges Responsive-Verhalten habe bzw. gar kein responsive Verhalten habe.
Ich kenne keine Responsive-Homepage wo das Menü ganz unten ist. Das findet ja niemand.

[lichtfest]

Mal so nebenbei gefragt:
Wie bekommt man es hin, dass einzelne Menüeinträge mit Leerzeichen nicht zerteilt werden, wenn die Breite nicht ausreicht und das Menü in eine weitere Zeile umgebrochen wird. Es funktioniert zwar trotzdem, aber es sieht ja blöd aus, wenn das Menü dann so aussieht:
Eintrag eins - Eintrag zwei - Eintrag
drei

wenn nicht mehr genug Platz ist.

-> Die Leerzeichenproblematik hat mit meiner Frage nichts zu tun -> bitte einen eigenen Thread daraus machen

[comanche]

Also so langsam verlässt mich die Zuversicht. Es kann doch nicht sein, dass ich das komplette Layout neu bauen muß, damit ich ein vernünftiges Responsive-Verhalten habe bzw. gar kein responsive Verhalten habe.
Ich kenne keine Responsive-Homepage wo das Menü ganz unten ist. Das findet ja niemand.

Definiere ein Layout für mobile Geräte und weise es den Seiten als "Layout für mobile Seiten" unter den "Layout-Einstellungen" der/den Seite/n zu. In diesem speziellen Layout setzt du das Menü an die gewünschte Stelle (und nicht in die linke Spalte).

Gruß,
Andreas

[lichtfest]

Definiere ein Layout für mobile Geräte und weise es den Seiten als "Layout für mobile Seiten" unter den "Layout-Einstellungen" der/den Seite/n zu. In diesem speziellen Layout setzt du das Menü an die gewünschte Stelle (und nicht in die linke Spalte).

Gruß,
Andreas

Super, Danke! Grüße - Max