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
Breite der ersten Spalte in Prozent
Ü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
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 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.
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.
