Inhaltselemente: Tab-Panel und Tab-Reiter
Die Inhaltselemente "Tab-Panel" und "Tab-Reiter" gehören zur Gruppe der Container-Inhaltselemente. Hierbei handelt es sich um Inhaltselemente die zur Verschachtelung anderer Inhaltselemente dienen.
Diese Beschreibung setzt voraus, dass Sie bereits den Artikel Erste Schritte / Schnelleinstieg gelesen haben.
Das Inhaltselement Tab-Panel dient als Grundstruktur und kann beliebig viele Tab-Reiter als Kind-Elemente aufnehmen. Die Tab-Reiter können wiederrum beliebig viele normale Inhaltselemente aufnehmen.
Feld-Konfiguration der Tab-Reiter
Für dieses Inhaltselement stehen die folgenden Felder zur Verfügung:
Konfigurationsfelder: Tab-Einstellungen
Tab-Beschriftung
Definiert die Beschriftung des Tab-Reiters
Vorschau-Titel bei Handyauflösung
Definiert den Titel der angezeigt werden soll, wenn die mobile Auflösung erreicht wurde und der Tab-Reiter als Box dargestellt wird.
Vorschau-Text bei Handyauflösung
Definiert den Text der angezeigt werden soll, wenn die mobile Auflösung erreicht wurde und der Tab-Reiter als Box dargestellt wird.
Beispiel-Elemente
Hinweis: Die Devicegrößen können durch verkleinern / vergrößern des Browser-Fensters nachgestellt werden.
Beispiel: Panel mit Formular
In diesem Beispiel wurde ein Tab-Panel erstellt, dem zwei Tab-Reiter zugewiesen wurden. Dem ersten Tab-Reiter wurde lediglich ein Formular zugewiesen. Der zweite Tab-Reiter hingegen hält einen dynamischen Zweispalter, dem wiederrum ein "Text mit Bild"-Element sowie eine Tabelle zugewiesen wurden.
Das Resultat sieht dann wie folgt aus:
Beispiel anzeigen
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Consetetur
Lorem
Voluptua