Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

...

Neben der sequentiellen Darstellung gibt es noch die Mehr-Kolonnen-Layouts (2,3 und 4-Kolonnen). Mit den Mehr-Kolonnen-Layouts können Formularelemente und Gruppen auf dieser Seite über verschiedene Kolonnen verteilt werden. Zu beachten ist dabei, dass das Breite-Verhältnis der Kolonnen immer gleich bleibt. Mit der Option "colSpan" Image Added lassen sich die Komponenten über mehrere Kolonnen hinwegstrecken. Die Struktur eines 2-Kolonnen-Layouts entspricht also folgendem Schema:

...

Die Breite bei dem 2-Kolonnen-Layout ist für jede Kolonne gleich (50%). Jeder Kolonne unterteilt sich dabei nochmals ein Label und ein Formularelement (und dies wiederum im Verhältnis 50%-50%).


Das 3-Kolonnen-Layout macht nur wirklich Sinn, wenn die Beschriftungen der Eingabefelder oberhalb des Eingabefelds platziert wird. Das folgende Bild zeigt ein 3-Kolonnen-Layout mit der Option "Beschriftung oberhalb vom Eingabefeld":

Image Added