Ausrichtung und Abstände bei DudaFlex

Ausrichtung

Wenn Sie mehr über die Ausrichtung erfahren möchten, sehen Sie sich das folgende Video an: 

Mehrere Elemente ausrichten

In DudaFlex können Sie Zeit sparen, indem Sie mehrere Elemente innerhalb desselben Abschnitts, derselben Spalte oder derselben Flexbox gleichzeitig ausrichten.

So richten Sie mehrere Elemente aus:

1. Wählen Sie den Abschnitt, die Spalte oder die Flexbox aus und klicken Sie im schwebenden Menü auf das Ausrichtungssymbol ().
2. Wählen Sie die gewünschte Ausrichtung aus.

Der Design-Bereich bietet zusätzliche Ausrichtungsoptionen, wie z. B. das Ändern der Richtung des automatischen Layouts, Strecken und mehr.

So richten Sie mehrere Elemente im Design-Bereich aus:

1. Klicken Sie mit der rechten Maustaste auf den gewünschten Abschnitt, die Spalte oder die Flexbox und wählen Sie Design bearbeiten.
2. Wählen Sie im Abschnitt „Layout“ des Design-Bereichs unter Elemente ausrichten die gewünschte vertikale und horizontale Inhaltsausrichtung aus.

Ein einzelnes Element ausrichten

Es ist zwar möglich, mehrere Elemente gleichzeitig auszurichten, aber manchmal müssen Sie nur die Ausrichtung eines Elements innerhalb einer Flex-Spalte ändern, ohne die anderen Elemente zu ändern.

So richten Sie ein einzelnes Element aus:

1. Wählen Sie das gewünschte Element aus.
2. Klicken Sie im schwebenden Menü auf das Ausrichtungssymbol () und wählen Sie die gewünschte Ausrichtung aus. Oder klicken Sie mit der rechten Maustaste auf das Element und wählen Sie Design bearbeiten. Dadurch wird der Design-Bereich geöffnet, in dem Sie die Ausrichtung im Abschnitt „Ausrichten“ auswählen können.

Abstände

Abstand zwischen Elementen

Sie können den horizontalen oder vertikalen Abstand zwischen Spalten innerhalb desselben Flex-Abschnitts oder Widgets innerhalb einer Spalte, Flexbox oder eines erweiterten Rasters festlegen.

So legen Sie den Abstand zwischen Elementen fest:

1. Klicken Sie mit der rechten Maustaste auf den gewünschten Abschnitt, die gewünschte Spalte, die gewünschte Flexbox oder das erweiterte Raster und wählen Sie Design bearbeiten aus.
2. Geben Sie im Abschnitt „Abstände“ des Design-Bereichs unter Abstand zwischen Elementen den Prozentwert des horizontalen Abstands oder den Pixelwert des vertikalen Abstands ein, den Sie zwischen Elementen im Feld Abstand zwischen Elementen haben möchten, oder verwenden Sie den Schieberegler, um den Prozentwert des horizontalen Abstands oder den Pixelwert des vertikalen Abstands festzulegen.