Layout - Registerkarten

Ziehen Sie im Page Builder unter Layout ​den Tabs ​Platzhalter direkt auf die Bühne oder in eine Zeile oder Spalte auf der Bühne.

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

Klicken Sie auf die Tab 1 Beschriftung, um die jeweilige Registerkarten-Toolbox anzuzeigen, und wählen Sie das Symbol Einstellungen aus ( {width="20"} ).

Geben Sie die Tab Name ein, die Sie als Titel verwenden möchten.

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

Geben Sie bei Bedarf die Minimum Height für die Registerkarte ein.

Dieser Wert kann eine Zahl mit einer beliebigen gültigen CSS-Einheit (z. B. 100px, 50%, 50em, 100vh) oder eine Berechnung (z. B. 100vh - 237px) sein.

Wählen Sie eine Vertical Alignment aus, um alle Inhalts-Container auszurichten, die der Registerkarte hinzugefügt werden (oben, zentriert oder unten).

Legen Sie bei Bedarf die anderen Optionen anhand der folgenden Abschnitte fest:

• Background
• Advanced

Klicken Sie oben rechts auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.

Bewegen Sie den Mauszeiger über den Container mit Registerkarten, um die Toolbox anzuzeigen, und wählen das Symbol Hinzufügen ( {width="20"} ) aus.

Klicken Sie auf den Tab 2, um den Cursor anzuzeigen, und geben Sie einen eigenen Titel für die Registerkarte ein.

Klicken Sie erneut auf die zweite Registerkarte auf der Bühne und wählen Sie das Symbol Duplizieren ( {width="20"} ) aus.

Klicken Sie auf die Beschriftung YourName-Copy, um den Cursor anzuzeigen, und geben Sie Ihre eigene Beschriftung für die dritte Registerkarte ein.

Klicken Sie auf die Registerkarte, die Sie verschieben möchten.

Wählen Sie das Symbol Verschieben ( {width="20"} ) aus, das unmittelbar vor dem Text der Registerkartenbeschriftung angezeigt wird, und ziehen Sie es an eine neue Position innerhalb des Registerkartensatzes.

Klicken Sie auf die Registerkarte, der Sie den Inhalt hinzufügen möchten.

Erweitern Sie im Page Builder Bedienfeld Elements und ziehen Sie einen Text-Platzhalter auf die Registerkarte.

Geben Sie Text im Editor ein oder fügen Sie ihn ein und formatieren Sie ihn mithilfe der Editor-Symbolleiste nach Bedarf.

Weitere Informationen Arbeiten mit dem Inhaltstyp „Text finden Sie unter „Elemente - Text“.

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

Klicken Sie oben rechts auf Save.

Bewegen Sie den Mauszeiger über eine einzelne Registerkarte, um die Toolbox anzuzeigen, und wählen Sie Symbol Einstellungen ( {width="20"} ) aus.

Ändern Sie bei Bedarf eine der grundlegenden Einstellungen für die Registerkarte:

• Tab Name - Geben Sie einen überarbeiteten Text für die Registerkartenbeschriftung ein. Sie können die Beschriftung auch direkt auf der Bühne ändern.

• Minimum Height : Geben Sie als Pixel ein, wenn Sie die automatische Höhe überschreiben möchten. Sie können beispielsweise die Mindesthöhe so festlegen, dass sie mit der Höhe eines Hintergrundbilds übereinstimmt, um sicherzustellen, dass das vollständige Bild sichtbar ist.

• Vertical Alignment - Wählen Sie die vertikale Position von Inhalts-Containern aus, die der Registerkarte hinzugefügt werden.

Ändern Sie die anderen Einstellungen nach Bedarf, indem Sie die folgenden Abschnitte für Details verwenden.

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

Bewegen Sie den Mauszeiger über den oberen Rand des Registerkarten-Set-Containers, um die Toolbox anzuzeigen, und wählen Sie das Symbol Einstellungen ( {width="20"} ) aus.

Ändern Sie bei Bedarf die Default Active Tab.

Wählen Sie im Set die Registerkarte aus, die beim Laden der Seite aktiv sein soll.

Geben Sie die Minimum Height in Pixeln an, wenn Sie die automatische Höhe für den Registerkartensatz überschreiben möchten.

Um die Navigationsregisterkarten am oberen Rand des Registerkartensatzes zu positionieren, wählen Sie die Tab Navigation Alignment (Left, Center oder Right).

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

Legen Sie die erweiterten Optionen für den Registerkartensatz fest:

• Um die Positionierung des Registerkartensatzes innerhalb des übergeordneten Containers zu steuern, wählen Sie eine Alignment aus:

  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 Registerkarte am linken Rand des übergeordneten Containers aus, wobei ein etwaiger Abstand berücksichtigt wird.
  Center	Richtet die Registerkarte aus, die in der Mitte des übergeordneten Containers festgelegt ist, wobei alle angegebenen Auffüllungen berücksichtigt werden.
  Right	Richtet die Registerkarten am rechten Rand des übergeordneten Containers aus, wobei ein etwaiger Abstand berücksichtigt wird.

• Legen Sie den Border fest, der auf alle vier Seiten des Registerkarten-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 Registerkarten-Container angewendet werden sollen.

  Trennen Sie mehrere Klassennamen durch ein Leerzeichen.

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

  Geben Sie die entsprechenden Werte in das Registerkarten-Container-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.