Elemente - Trennlinie

Erweitern Sie im Page Builder Bedienfeld Elements und ziehen Sie einen Divider Platzhalter in eine Zeile, Spalte oder einen Tab, die bzw. der auf dem Bühnenbild festgelegt ist.

Verwenden Sie die rote Richtlinie als Referenz, wenn Sie die Trennlinie entweder vor oder nach einem anderen Inhalts-Container auf der Bühne positionieren.

{width="600" modal="regular"}

Im folgenden Beispiel markiert die Trennlinie den Anfang eines neuen Textabschnitts.

{width="500" modal="regular"}

Gehen Sie wie folgt vor, um die Einstellungen der neuen Trennlinie festzulegen.

Bewegen Sie den Mauszeiger über den Trennungs-Container, um die Toolbox anzuzeigen, und wählen das Symbol Einstellungen {width="20"}) aus.

{width="500" modal="regular"}

Ändern Sie die Line Color mit einer der folgenden Methoden:

• Geben Sie einen gültigen HTML-Farbnamen ein. Beispiel: Teal.
• Geben Sie den hexadezimalen Farbwert ein. Beispiel: #008080.

Klicken Sie abschließend auf Apply.

{width="600" modal="regular"}

Geben Sie die Line Thickness in Pixeln an.

Um die Maßeinheit anzugeben, geben Sie den Line Width ein, gefolgt von px oder %.

{width="600" modal="regular"}

Aktualisieren Sie die Advanced ​nach Bedarf.

• Um die Positionierung der Trennlinie innerhalb des übergeordneten Containers zu steuern, wählen Sie die Alignment:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  Option	Beschreibung
  Default	Wendet die Standardeinstellung für die Ausrichtung an, die im Stylesheet des aktuellen Designs angegeben ist.
  Left	Richtet die Liste am linken Rand des übergeordneten Containers aus, wobei ein etwaiger Abstand berücksichtigt wird.
  Center	Richtet die Liste in der Mitte des übergeordneten Containers aus, wobei der angegebene Abstand berücksichtigt wird.
  Right	Richtet den Block am rechten Rand des übergeordneten Containers aus, wobei alle angegebenen Auffüllungen berücksichtigt werden.

  Im folgenden Beispiel werden die Optionen so eingestellt, dass eine mittlere Ausrichtung für die Trennlinie verwendet wird.

  {width="600" modal="regular"}

• Legen Sie den Border fest, der auf alle vier Seiten des Trennlinien-Containers angewendet werden soll:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  Option	Beschreibung
  Default	Wendet die Standardformatvorlage für Rahmen an, die im zugehörigen Stylesheet angegeben ist.
  None	Zeigt keine sichtbaren Begrenzungen des Containers an.
  Dotted	Der Container-Rahmen wird als gepunktete Linie angezeigt.
  Dashed	Der Container-Rahmen wird als gestrichelte Linie angezeigt.
  Solid	Der Container-Rahmen wird als durchgezogene Linie angezeigt.
  Double	Der Container-Rahmen wird als doppelte Linie angezeigt.
  Groove	Der Container-Rahmen wird als gerillte Linie angezeigt.
  Ridge	Der Container-Rahmen wird als geriffelte Linie angezeigt.
  Inset	Der Container-Rahmen wird als Einfügelinie angezeigt.
  Outset	Der Container-Rahmen wird als Ausgangslinie angezeigt.

• Wenn Sie einen anderen Rahmenstil als None festlegen, müssen Sie die Anzeigeoptionen für den Rahmen vervollständigen:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Option	Beschreibung
  Border Color	Geben Sie die Farbe an, indem Sie einen Musterabschnitt auswählen, auf die Farbauswahl klicken oder einen gültigen Farbnamen oder einen entsprechenden Hexadezimalwert eingeben.
  Border Width	Geben Sie die Anzahl der Pixel für die Rahmenlinienbreite ein.
  Border Radius	Geben Sie die Anzahl der Pixel ein, um die Größe des Radius festzulegen, mit dem jede Ecke des Rahmens gerundet werden soll.

• (Optional) Geben Sie die Namen der CSS classes aus dem aktuellen Stylesheet an, die auf den Container angewendet werden sollen.

  Trennen Sie mehrere Klassennamen durch ein Leerzeichen.

• Geben Sie Werte in Pixeln für den Margins and Padding ein, um die äußeren Ränder und den inneren Abstand des Trennungs-Containers zu bestimmen.

  Geben Sie die entsprechenden Werte in das Diagramm ein.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Container-Bereich	Beschreibung
  Margins	Die Menge des Leerraums, der auf die Außenkante aller Seiten des Containers angewendet wird. Optionen: Top / Right / Bottom / Left
  Padding	Die Menge des Leerraums, der auf die Innenkante aller Seiten des Containers angewendet wird. Optionen: Top / Right / Bottom / Left

Klicken Sie abschließend auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.

{width="500" modal="regular"}

Bewegen Sie den Mauszeiger über den Trennungs-Container, um die Toolbox anzuzeigen, und wählen Sie Symbol Duplizieren ( {width="20"} ) aus.

Der doppelte Teilungs-Container wird direkt unter dem Original angezeigt.

{width="500" modal="regular"}

Bewegen Sie den Mauszeiger über den neuen Trennungs-Container, um die Toolbox anzuzeigen, und wählen Sie Symbol Verschieben {width="20"} ) aus.

{width="500" modal="regular"}

Wählen Sie die Trennlinie aus und ziehen Sie sie, bis die rote Richtlinie die neue Position markiert.

Die oberen und unteren Ränder der einzelnen Container werden beim Verschieben der Trennlinie als gestrichelte Linien angezeigt.

{width="500" modal="regular"}