Layout-Zeile

Die Layout-Zeile bestimmt das Layout im Hauptbereich einer Seite. Auch das responsive Verhalten zwischen Mobil- und Desktop-Geräten wird wesentlich durch die Layout-Zeile bestimmt.

Eine Layout-Zeile hat eine oder mehrere Spalten (Englisch "Rows"). Durch die Kombination mehrerer Layout-Zeilen auf einer Seite können auch komplexe Seitenlayouts erstellt werden.

Inhalt A2

Dieser Inhalt wird mobil über A1 angezeigt.

Dies ist das Vorgabe-Verhalten bei "Randspalten".

Inhalt A1

Dieser Inhalt wird mobil unter A2 angezeigt.

Inhalt B2

Dieser Inhalt wird mobil unter B1 angezeigt.

Dieses Verhalten wurde in den Element-Einstellungen der Laypout-Zeile festgelegt.

Inhalt B1

Dieser Inhalt wird mobil über B2 angezeigt.

Inhalt A2

Dieser Inhalt wird mobil über A1 angezeigt.

Dies ist das Vorgabe-Verhalten bei "Randspalten".

Inhalt A1

Dieser Inhalt wird mobil unter A2 angezeigt.

Inhalt B2

Dieser Inhalt wird mobil unter B1 angezeigt.

Dieses Verhalten wurde in den Element-Einstellungen der Laypout-Zeile festgelegt.

Inhalt B1

Dieser Inhalt wird mobil über B2 angezeigt.

Inhalt C1

Dieser Inhalt wird mobil über C1 angezeigt.

Auf dem Desktop steht der Inhalt links.

Dies ist das Vorgabe-Verhalten.

Inhalt C2

Dieser Inhalt wird mobil unter C2 angezeigt.

Auf dem Desktop steht der Inhalt rechts.

Dies ist das Vorgabe-Verhalten.

Inhalt D1

Dieser Inhalt wird mobil unter D2 angezeigt.

Auf dem Desktop steht der Inhalt links.

Dieses Verhalten wurde in den Element-Einstellungen der Laypout-Zeile festgelegt.

Inhalt D2

Dieser Inhalt wird mobil über D1 angezeigt.

Auf dem Desktop steht der Inhalt links.

Dieses Verhalten wurde in den Element-Einstellungen der Laypout-Zeile festgelegt.

Inhalt C1

Dieser Inhalt wird mobil über C1 angezeigt.

Auf dem Desktop steht der Inhalt links.

Dies ist das Vorgabe-Verhalten.

Inhalt C2

Dieser Inhalt wird mobil unter C2 angezeigt.

Auf dem Desktop steht der Inhalt rechts.

Dies ist das Vorgabe-Verhalten.

Inhalt D1

Dieser Inhalt wird mobil unter D2 angezeigt.

Auf dem Desktop steht der Inhalt links.

Dieses Verhalten wurde in den Element-Einstellungen der Laypout-Zeile festgelegt.

Inhalt D2

Dieser Inhalt wird mobil über D1 angezeigt.

Auf dem Desktop steht der Inhalt links.

Dieses Verhalten wurde in den Element-Einstellungen der Laypout-Zeile festgelegt.

Inhalts E1

Dieser Inhalt wird mobil über E2 angezeigt.

Dies ist das Vorgabe-Verhalten bei "Randspalten".

Inhalt E2

Dieser Inhalt wird mobil unter E1 angezeigt.

Inhalt F1

Dieser Inhalt wird mobil unter F2 angezeigt.

Dieses Verhalten wurde in den Element-Einstellungen der Laypout-Zeile festgelegt.

Inhalt F2

Dieser Inhalt wird über F1 angezeigt.

Inhalts E1

Dieser Inhalt wird mobil über E2 angezeigt.

Dies ist das Vorgabe-Verhalten bei "Randspalten".

Inhalt E2

Dieser Inhalt wird mobil unter E1 angezeigt.

Inhalt F1

Dieser Inhalt wird mobil unter F2 angezeigt.

Dieses Verhalten wurde in den Element-Einstellungen der Laypout-Zeile festgelegt.

Inhalt F2

Dieser Inhalt wird über F1 angezeigt.

1

2

3

1

2

3

1

2

3

4

1

2

3

4

1

2

3

4

5

6

1

2

3

4

5

6

Sonderform "Row für Kachel-Elemente"

Als Sonderform gibt es noch die Row für Kachel-Elemente. Diese ermöglicht es, eine Zeile zu erzeugen welche beliebig viele Kachel-Elemente beinhalten kann. Die Kacheln "fließen" dabei dynamisch in mehrere Zeilen, wenn dies erforderlich ist. Dadurch können besondere Effekte erzeilt werden.