Layout

Im Layout-Reiter kannst du die Darstellung und Ausrichtung von Elementen in Layout-Elementen (also Sektionen, Containern, Spalten und Bereichen) bestimmen.

Elemente untereinander anzeigen

Standardmäßig werden alle Elemente in Layout-Elementen untereinander dargestellt:

layout elemente untereinander

Elemente horizontal ausrichten

Wenn du ein Element links, mittig oder rechts ausrichten möchtest, musst du nicht das Element wählen, sondern das Layout-Element, in dem es sich befindet (z.B. Container):

layout elemente horizontal ausrichten

Außerdem hast du noch folgende Optionen, die die Abstände automatisch berechnen:

  • Horizontaler Abstand dazwischen - Hier werden die Elemente links und rechts an den Rand positioniert und es wird ein gleicher Abstand zwischen den Elementen erstellt.
  • Horizontaler Abstand drumherum - Hier wird ein gleicher Abstand zwischen allen Elementen erstellt. Der Abstand links und rechts zum Rand beträgt aber nur genau die Hälfte
  • Horizontaler Abstand gleichmäßig - Hier wird ein gleicher Abstand zwischen allen Elementen erstellt. Der Abstand links und rechts zum Rand ist ebenfalls gleich.

Elemente vertikal ausrichten

Wenn du ein Element oben, mittig oder unten ausrichten möchtest, musst du nicht das Element wählen, sondern das Layout-Element, in dem es sich befindet (z.B. Spalte):

layout elemente vertikal ausrichten

Außerdem hast du noch folgende Optionen, die die Abstände automatisch berechnen:

  • Vertikaler Abstand dazwischen - Hier werden die Elemente oben und unten an den Rand positioniert und es wird ein gleicher Abstand zwischen den Elementen erstellt.
  • Vertikaler Abstand drumherum - Hier wird ein gleicher Abstand zwischen allen Elementen erstellt. Der Abstand oben und unten zum Rand beträgt aber nur genau die Hälfte.
  • Vertikaler Abstand gleichmäßig - Hier wird ein gleicher Abstand zwischen allen Elementen erstellt. Der Abstand oben und unten zum Rand ist ebenfalls gleich.

Elemente nebeneinander anzeigen

Benutze bei größeren Layout-Geschichten dafür einfach das Spalten-Element:

layout elemente nebeneinander spalten

Wenn du aber kleinere Elemente (wie z.B. zwei Buttons) nebeneinander darstellen möchtest, ziehe zuerst einen Bereich drum herum und ändere die Darstellung auf nebeneinander:

layout elemente nebeneinander darstellen

Brandneu

Neue Layout-Optionen! 🧑‍🎨

Chimpify

Plattform

Powered by Chimpify