Layout - Registerkarten

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

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

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

Geben Sie den Tab Name ein, den Sie als Beschriftung 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 die Einstellung "Vertical Alignment", um alle Inhaltscontainer auszurichten, die der Registerkarte hinzugefügt werden (oben, zentriert oder unten).

Legen Sie bei Bedarf die anderen Optionen mithilfe der folgenden Abschnitte als Anleitung 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 Registerkarten-Container, um die Toolbox anzuzeigen, und wählen Sie das Symbol Hinzufügen ( {width="20"} ).

Klicken Sie auf die Bezeichnung 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"} ).

Klicken Sie auf die Bezeichnung YourName Copy , um den Cursor anzuzeigen und geben Sie einen eigenen Titel für die dritte Registerkarte ein.

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

Wählen Sie das Symbol Verschieben ( {width="20"} ), das direkt vor dem Registerkartenbeschriftungstext angezeigt wird, aus und ziehen Sie es an eine neue Position innerhalb des Registerkartensets.

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

Erweitern Sie im Bedienfeld Page Builder den Eintrag Elements und ziehen Sie einen Platzhalter für Text auf die Registerkarte.

Geben Sie Text in den Editor ein oder fügen Sie ihn ein und verwenden Sie die Editor-Symbolleiste, um ihn nach Bedarf zu formatieren.

Weitere Informationen zum Arbeiten mit dem Textinhalttyp finden Sie unter Elemente - Text .

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

Klicken Sie in der oberen rechten Ecke auf Save.

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

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

• Tab Name - Geben Sie den überarbeiteten Text für die Registerkartenbeschriftung ein. Sie können den Titel 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 der Höhe eines Hintergrundbilds entspricht, um sicherzustellen, dass das vollständige Bild sichtbar ist.

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

Ändern Sie die anderen Einstellungen nach Bedarf mithilfe der folgenden Abschnitte für Details.

Klicken Sie nach Abschluss des Vorgangs auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.

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

Ändern Sie bei Bedarf die Default Active Tab.

Wählen Sie die Registerkarte im Set aus, die aktiv sein soll, wenn die Seite geladen wird.

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

Um die Navigations-Registerkarten am oberen Rand des Registerkartensets zu positionieren, wählen Sie den Wert 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 einen 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 den Tab-Satz am linken Rand des übergeordneten Containers aus, wobei der angegebene Abstand berücksichtigt wird.
  Center	Richtet die Registerkarte in der Mitte des übergeordneten Containers aus, wobei der angegebene Abstand berücksichtigt wird.
  Right	Richtet den Tab-Satz am rechten Rand des übergeordneten Containers aus, wobei der angegebene Abstand berücksichtigt wird.

• Legen Sie den Border -Stil fest, der auf alle vier Seiten des Registerkarten-Containers angewendet wird:

  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 den standardmäßigen Randstil an, der vom zugehörigen Stylesheet angegeben wird.
  None	liefert keine sichtbare Anzeige der Containergrenzen.
  Dotted	Der Container-Rahmen wird als gepunktete Linie angezeigt.
  Dashed	Der Container-Rahmen wird als gestrichelte Linie angezeigt.
  Solid	Der Container-Rahmen wird als durchgehende Linie angezeigt.
  Double	Der Container-Rahmen wird als doppelte Linie angezeigt.
  Groove	Der Container-Rahmen wird als Rillenlinie angezeigt.
  Ridge	Der Container-Rahmen wird als gekürzte Linie angezeigt.
  Inset	Der Container-Rahmen wird als Inset-Zeile angezeigt.
  Outset	Der Container-Rahmen wird als Ausgangspunkt angezeigt.

• Wenn Sie einen anderen Rahmenstil als None festlegen, füllen Sie die Anzeigeoptionen für die Rahmenanzeige aus:

  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 ein Muster auswählen, auf die Farbauswahl klicken oder einen gültigen Farbnamen oder einen entsprechenden Hexadezimalwert eingeben.
  Border Width	Geben Sie die Anzahl Pixel für die Rahmenlinienbreite an.
  Border Radius	Geben Sie die Anzahl der Pixel an, um die die Größe des Radius definiert wird, mit dem die einzelnen Ecken des Rands gerundet werden.

• (Optional) Geben Sie die Namen von CSS classes aus dem aktuellen Stylesheet an, das auf den Registerkarten-Container angewendet werden soll.

  Trennen Sie mehrere Klassennamen durch ein Leerzeichen.

• Geben Sie Werte in Pixel für den Wert 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 Containerdiagramm der Registerkarten ein.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Container-Bereich	Beschreibung
  Margins	Die Menge an leerem Raum, die auf den äußeren Rand aller Seiten des Containers angewendet wird. Optionen: Top / Right / Bottom / Left
  Padding	Die Menge an leerem Raum, die auf den inneren Rand aller Seiten des Containers angewendet wird. Optionen: Top / Right / Bottom / Left

Klicken Sie nach Abschluss des Vorgangs auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.