Inhaltselement: Spalten-Layout
Das Inhaltselement Spalten-Layout gehört zur Gruppe der Struktur-Inhaltselemente. Hierbei handelt es sich um Inhaltselemente die die Positionierung bzw. Gruppierung anderer Elemente beeinflusst. Diesem Element können entsprechend eigene Inhaltselemente zugewiesen werden.
Diese Beschreibung setzt voraus, dass Sie bereits den Artikel Erste Schritte / Schnelleinstieg gelesen haben.
Über das Spalten-Layout können Inhaltselemente auf Spalten aufgeteilt werden. Hierbei kann pro Devicegröße die Spaltigkeit definiert werden.
Feld-Konfiguration
Für dieses Inhaltselement stehen die folgenden Felder zur Verfügung:
Konfigurationsfelder: Einstellungen
Desktop (> 1260px)
Definiert die Anzahl der Spalten die bei normalen PC Auflösungen verwendet werden sollen.
Tablet Landscape (1024px - 1260px)
Definiert die Anzahl der Spalten die bei Tablets verwendet werden sollen, die im Querformat eingesetzt werden.
Tablet Portrait (768px - 1023px)
Definiert die Anzahl der Spalten die bei Tablets verwendet werden sollen, die hochkant eingesetzt werden.
Mobile Landscape (1480px - 767px)
Definiert die Anzahl der Spalten die bei Handys verwendet werden sollen, die im Querformat eingesetzt werden.
Mobile Portrait (< 479px)
Definiert die Anzahl der Spalten die bei Handys verwendet werden sollen, die hochkant eingesetzt werden.
Konfigurationsfelder: Container
Maximale Container-Breite definieren
Wenn diese Option aktiv ist, kann die maximale Breite des Containers in Pixel definiert werden. Das Spalten-Layout Elemente wird dann zentriert dargestellt. Diese Option ist bspw. dann hilfreich, wenn über die Einstellungen der Seite definiert wurde, dass die Seite vollflächig angezeigt werden soll.
Maximale Container-Breite in Pixel
Definiert die maximale Container-Breite in Pixel. Diese Konfiguration jetzt voraus, dass die Option Maximale Container-Breite definieren aktiviert wurde.
Beispiel
Konfiguration
In dem folgenden Beispiel wurden dem u.s. Spalten-Layout vier Inhaltselemente des Typs Banner zugewiesen.
Für das u.s. Beispiel wurde die folgende Konfiguration vorgenommen:
Beispiel-Element
Hinweis: Die Devicegrößen können durch verkleinern / vergrößern des Browser-Fensters nachgestellt werden.
