Grid System Verwendung?

[peter.morawski]

Hallo Leute,

kann in den Manuals, der Suche und bei Google leider nichts dazu finden.

Wie genau funktioniert das Grid Layout mit Contao?

Mein Ansatz war so: ich vergebe einem Element die Klasse .grid6 - und es bekommt die Größe (Breite) von 6 Grids/Spalten.

Was mache ich falsch?

Danke im Voraus,


Grüße

Peter

[ciaobello]

Willkommen im Forum!
Hast Du etwa vergessen im Seitenlayout das GridCSS zu aktivieren (anhaken)?

Kennst Du diese Seite schon:
http://contaogrid.glen-langer.de/contao-3-grid.html

[peter.morawski]

Hallo ciaobello,

danke für die Antwort! Nein, die Seite kannte ich noch nicht; sehe ich das allerdings richtig, dass ich, wenn ich das Grid-System verwenden möchte, ich den Layoutbuilder abschalten muss?


Grüße

Peter

[ciaobello]

Normalerweise wird mit diesem Grid direkt gearbeitet ohne den Layout Builder zu nutzen und ohne der Definition einer linken und/oder rechten Spalte im Layout. Die Spalten werden dann z.B. mit 3 Artikel die nebeneinander gelegt werden nachgebildet (left,main,right : grid3-grid6-grid3).
Wer den Layout Builder inkl. Spalten und Holy Grail Layout in Verbindung mit dem Responsive Grid nutzen möchte, der definiert einfach z.B. für left den Pixelwert der Grid Spalte + 2x10 Pixel (Abstand). Bei grid3 wäre das also 220px + 2x10px = 240px. Wichtig ist hier, es muss einer der Grid Klassen Breiten genommen werden als Basis, damit in Summe aller Grid Spalten wieder die 960 Pixel heraus kommen.

..

[BugBuster]

Nebenbei, du kannst auch Elementen grid Klassen geben, das würde ich aber nur innerhalb von Artikeln tun die ebenfalls eine Grid klasse haben.
Es könnte eventuell sonst Probleme mit den Abständen geben, habe ich so noch nicht probiert.
Hier z.B. im Main Bereich zu sehen (das ist aber ein 16er Spalten grid, nicht das von Contao)
http://contaogrid.glen-langer.de/pix...alten-3cl.html

[Lego2013]

Wie genau funktioniert das Grid Layout mit Contao?

Lies dazu mal die Folien von Peter Müller's und Thomas Weitzel's Vortrag auf der Contao-Konferenz 2013 - da wird der Layout-Builder (der auch "responsiv" ist) und die Verwendung des Grid erklärt.