Skip to content

Layout-Zeile für 3 Spalten mit frei wählbaren Spaltenbreiten

Mit der Layout-Zeile „Row 3 Spalten (einstellbare Breiten)“ lassen sich die Spalten passend zu den Inhalten unterschiedlich breit gestalten.

So kann beispielsweise ein größerer Textbereich neben zwei kleineren Bereichen mit ergänzenden Informationen angezeigt werden.

Auf Smartphones und kleineren Bildschirmen stehen die Spalten weiterhin übersichtlich untereinander.

Für die Gestaltung der Layout-Zeile stehen zwei neue Element-Einstellungen zur Verfügung: Mit „Spaltenbreiten“ bestimmt man die Breite der einzelnen Spalten.

Über „Position der Hauptspalte“ wird festgelegt, ob der wichtigste Inhaltsbereich links, in der Mitte oder rechts angezeigt wird.

Mit der Einstellung „Spaltenbreiten“ wird bestimmt, wie viel Platz die drei Spalten erhalten. Die Zahlen stehen dabei für die Spalten von links nach rechts.

Folgende Aufteilungen sind vorkonfiguriert:

  • 6-3-3: Die linke Spalte belegt die Hälfte der Zeile. Die beiden anderen Spalten belegen jeweils ein Viertel.
  • 3-3-6: Die rechte Spalte belegt die Hälfte der Zeile.
  • 3-6-3: Die mittlere Spalte belegt die Hälfte der Zeile.
  • 6-4-2: Die Spalten werden von links nach rechts immer schmaler.
  • 7-3-2: Die linke Spalte erhält besonders viel Platz.

Es können auch eigene Aufteilungen eingegeben werden. Die drei Zahlen müssen dazu durch Bindestriche getrennt werden. Die Summe der Zahlen muss immer 12 ergeben, beispielsweise 5-4-3 oder 8-2-2. Ist die Eingabe nicht korrekt, kann die Einstellung nicht gespeichert werden.

Mit der Einstellung „Position der Hauptspalte“ kann man auswählen, welche der drei Spalten den wichtigsten Inhalt enthält: die linke, die mittlere oder die rechte Spalte.

Die unter „Spaltenbreiten“ eingestellten Werte gelten weiterhin von links nach rechts. Die Hauptspalte ist daher nicht automatisch die breiteste Spalte. Bei der Aufteilung 6-3-3 und der Auswahl „Mitte“ ist die mittlere Hauptspalte beispielsweise drei Einheiten breit.

Anmerkung: Wenn man die Position der Hauptspalte nachträglich ändert, werden die darin enthaltenen Elemente zusammen mit der Spalte verschoben. Auf Smartphones wird die Hauptspalte unabhängig von dieser Einstellung standardmäßig zuerst angezeigt.

1

2

3