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

Feld
Beschreibung
Feld:

Desktop (> 1260px)

Beschreibung:

Definiert die Anzahl der Spalten die bei normalen PC Auflösungen verwendet werden sollen.

Feld:

Tablet Landscape (1024px - 1260px)

Beschreibung:

Definiert die Anzahl der Spalten die bei Tablets verwendet werden sollen, die im Querformat eingesetzt werden.

Feld:

Tablet Portrait (768px - 1023px)

Beschreibung:

Definiert die Anzahl der Spalten die bei Tablets verwendet werden sollen, die hochkant eingesetzt werden.

Feld:

Mobile Landscape (1480px - 767px)

Beschreibung:

Definiert die Anzahl der Spalten die bei Handys verwendet werden sollen, die im Querformat eingesetzt werden.

Feld:

Mobile Portrait (< 479px)

Beschreibung:

Definiert die Anzahl der Spalten die bei Handys verwendet werden sollen, die hochkant eingesetzt werden.

Konfigurationsfelder: Container

Feld
Beschreibung
Feld:

Maximale Container-Breite definieren

Beschreibung:

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.

Feld:

Maximale Container-Breite in Pixel

Beschreibung:

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.

Baumansicht-Beispiel-Spalten-Layout

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.