Grid-Layout-Blöcke nutzen

Neben dem einzelnen Universal Element liefert das Plugin mehrere Grid-Layout-Blöcke mit. Damit ordnest du mehrere Elemente nebeneinander in Spalten an, ohne die Spaltenbreiten selbst per CSS festlegen zu müssen. Du findest sie in der Baustein-Kategorie codeenterprise Elemente.

Die verfügbaren Layouts

Die Zahlen im Namen stehen für die Spaltenbreiten im 12-spaltigen Raster – zusammen ergeben sie immer die volle Breite:

• Universal Element – eine einzelne, volle Spalte.
• Grid 6-6 – zwei gleich breite Spalten.
• Grid 8-4 und Grid 4-8 – eine breite und eine schmale Spalte, je nach gewünschter Seite.
• Grid 4-4-4 – drei gleich breite Spalten.
• Grid 6-3-3 und Grid 3-3-6 – eine breite und zwei schmale Spalten.
• Grid 3-3-3-3 – vier gleich breite Spalten.

So arbeitest du mit einem Grid-Block

Jede Spalte eines Grid-Blocks enthält bereits ein fertiges Universal Element. Du kannst also direkt loslegen: Klicke in eine Spalte und konfiguriere ihr Element wie gewohnt – jede Spalte wählt ihre eigene Vorlage und pflegt ihre eigenen Einträge, unabhängig von den anderen Spalten.

Auf schmalen Bildschirmen (z. B. Smartphones) werden die Spalten automatisch untereinander gestapelt und jeweils in voller Breite dargestellt. Erst ab größeren Bildschirmen erscheinen sie nebeneinander im gewählten Raster.