WICHTIGE INFORMATION

Unser Büro ist vom 19. Juli bis einschließlich dem 04. August 2019 zwecks Betriebsurlaubs nicht besetzt. Wir bitten um Verständnis, dass wir auf eingehende Support-Anfrage vom 19. Juli oder später erst ab dem 05. August reagieren können.

Inhaltselement: Dynamischer Zweispalter

Das Inhaltselement Dynamischer Zweispalter 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 Inhaltselement Dynamischer Zweispalter werden die zugewiesenen Kindelemente über zwei Spalten dargestellt. Hierbei kann pro Device-Größe definiert werden, wie viel Platz in Prozent die erste Spalte einnehmen soll.

Feld-Konfiguration

Für dieses Inhaltselement stehen die folgenden Felder zur Verfügung:

Konfigurationsfelder: Einstellungen

Feld
Beschreibung
Feld:

Breite der ersten Spalte in Prozent

Beschreibung:

Über diese Konfiguration kann definiert werden, wie viel Platz in Prozenz die erste Spalte einnimmt. Wenn der Slider bspw. auf 60 gesetzt wird, so würde die erste Spalte 60% und die zweite Spalte 40% einnehmen.

Diese Einstellung kann für jede der fünf Device-Größen definiert werden.

Wenn der Regler auf 0 geschoben wird, so findet eine Vererbung der jeweils beschriebenen Device-Größe statt.

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 u.s. Beispiel wurde einem dynamischen Zweispalter ein Text sowie eine Galerie zugewiesen. Hierbei wurde der Zweispalter so konfiguriert, dass die erste Spalte (Text) im Desktop sowie Tablet Landscape Bereich eine Breite von 65% einnimmt. Sobald die Auflösung von Tablet Portrait erreicht bzw. unterschritten wurde, sollen beide Spalte 50% einnehmen. 

Baumansicht-Beispiel-dynamischer-Zweispalter

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.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.