Demo: EPT Tabs
EPT: Überblick über das Tabs Drupal-Modul
Extra Paragraph Types (EPT): Das Tabs-Modul erstellt einen neuen Absatz-Typ für Tabs. Der Tab-Inhalt kann aus Blöcken, Seiten, Views und formatiertem Text bestehen. Tabs basieren auf dem jQuery UI Tabs Plugin und bieten verschiedene Einstellungen für das jQuery-Plugin.
Sie können EPT Tabs von Drupal.org herunterladen:
https://www.drupal.org/project/ept_tabs
composer require drupal/ept_tabs
EPT Tabs basieren auf dem jQuery UI Tabs Plugin:
Nach der Installation fügt das Drupal EPT Tabs-Modul einen neuen Blocktyp für Tabs hinzu.
EPT Tabs enthält alle Funktionen des EPT-Moduls, einschließlich DOM-Box, Hintergrundfarbe / Bild / Video, Edge-to-Edge-Einstellungen:
https://drupalbook.org/ept/demo
Der Tab-Inhalt kann aus Blöcken, Seiten, Views und formatiertem Text bestehen. Tabs basieren auf dem jQuery UI Tabs Plugin und bieten verschiedene Einstellungen für das jQuery-Plugin.
EBT Tabs unterstützt verschiedene Stile:
- Ohne Kopfzeilenhintergrund
- Minimalistische Tabs
- Tabs wie Buttons
- Vertikale Tabs
- Vertikale Tabs rotiert
Standardeinstellungen für Tabs
Inhalt von Tab 1
Inhalt von Tab 2
Ohne Kopfzeilenhintergrund
Inhalt von Tab 1
Inhalt von Tab 2
Minimalistische Tabs
Inhalt von Tab 1
Inhalt von Tab 2
Vertikale Tabs
Inhalt von Tab 1
Inhalt von Tab 2
Vertikale Tabs (rotiert)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse placerat elit vitae ex tincidunt feugiat. Ut mollis sem in lorem varius, vel facilisis ex pulvinar. Pellentesque ornare felis tellus, id aliquet lacus fringilla id. Proin aliquet euismod diam, ut eleifend arcu volutpat sit amet. Cras iaculis ultricies dolor ac malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue orci vitae dignissim vulputate. Integer commodo turpis nulla, et feugiat mi faucibus a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse placerat elit vitae ex tincidunt feugiat. Ut mollis sem in lorem varius, vel facilisis ex pulvinar. Pellentesque ornare felis tellus, id aliquet lacus fringilla id. Proin aliquet euismod diam, ut eleifend arcu volutpat sit amet. Cras iaculis ultricies dolor ac malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue orci vitae dignissim vulputate. Integer commodo turpis nulla, et feugiat mi faucibus a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse placerat elit vitae ex tincidunt feugiat. Ut mollis sem in lorem varius, vel facilisis ex pulvinar. Pellentesque ornare felis tellus, id aliquet lacus fringilla id. Proin aliquet euismod diam, ut eleifend arcu volutpat sit amet. Cras iaculis ultricies dolor ac malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue orci vitae dignissim vulputate. Integer commodo turpis nulla, et feugiat mi faucibus a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Aktiver Abschnitt
Sie können auswählen, welcher Abschnitt standardmäßig geöffnet sein soll. Verwenden Sie das Feld „Aktiver Abschnitt“, um die Nummer des Abschnitts einzugeben. Die Einstellung für den aktiven Abschnitt beginnt bei Null, das heißt, die Zählung startet bei Null. Wenn also standardmäßig der dritte Abschnitt geöffnet sein soll, müssen Sie im Feld „Aktiver Abschnitt“ eine „2“ eingeben.
Inhalt von Tab 1
Inhalt von Tab 2
Inhalt von Tab 3
Einklappbar
Sie können die Einstellung „Einklappbar“ auch deaktivieren, dann ist immer mindestens ein Abschnitt geöffnet.
Inhalt von Tab 1
Inhalt von Tab 2
Inhalt von Tab 3
Alle geschlossen und einklappbar
Inhalt von Tab 1
Inhalt von Tab 2
Inhalt von Tab 3
Tabs deaktivieren
Inhalt von Tab 1
Inhalt von Tab 2
Inhalt von Tab 3
Höhenstil: Automatisch
Lorem Ipsum ist einfach Dummy-Text der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Dummy-Text der Branche, als ein unbekannter Drucker eine Satzform nahm und diese durcheinanderbrachte, um ein Musterbuch zu erstellen. Es überlebte nicht nur fünf Jahrhunderte, sondern auch den Sprung in die elektronische Satztechnik und blieb dabei im Wesentlichen unverändert. Es wurde in den 1960er Jahren durch die Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Abschnitten populär und in jüngerer Zeit durch Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthielt.
Lorem Ipsum ist einfach Dummy-Text der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Dummy-Text der Branche, als ein unbekannter Drucker eine Satzform nahm und diese durcheinanderbrachte, um ein Musterbuch zu erstellen. Es überlebte nicht nur fünf Jahrhunderte, sondern auch den Sprung in die elektronische Satztechnik und blieb dabei im Wesentlichen unverändert. Es wurde in den 1960er Jahren durch die Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Abschnitten populär und in jüngerer Zeit durch Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthielt.
Lorem Ipsum ist einfach Dummy-Text der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Dummy-Text der Branche, als ein unbekannter Drucker eine Satzform nahm und diese durcheinanderbrachte, um ein Musterbuch zu erstellen. Es überlebte nicht nur fünf Jahrhunderte, sondern auch den Sprung in die elektronische Satztechnik und blieb dabei im Wesentlichen unverändert. Es wurde in den 1960er Jahren durch die Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Abschnitten populär und in jüngerer Zeit durch Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthielt.
Lorem Ipsum ist einfach Dummy-Text der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Dummy-Text der Branche, als ein unbekannter Drucker eine Satzform nahm und diese durcheinanderbrachte, um ein Musterbuch zu erstellen. Es überlebte nicht nur fünf Jahrhunderte, sondern auch den Sprung in die elektronische Satztechnik und blieb dabei im Wesentlichen unverändert. Es wurde in den 1960er Jahren durch die Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Abschnitten populär und in jüngerer Zeit durch Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthielt.
Höhenstil: Ausfüllen
Lorem Ipsum ist einfach Dummy-Text der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Dummy-Text der Branche, als ein unbekannter Drucker eine Satzform nahm und diese durcheinanderbrachte, um ein Musterbuch zu erstellen. Es überlebte nicht nur fünf Jahrhunderte, sondern auch den Sprung in die elektronische Satztechnik und blieb dabei im Wesentlichen unverändert. Es wurde in den 1960er Jahren durch die Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Abschnitten populär und in jüngerer Zeit durch Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthielt.
Lorem Ipsum ist einfach Dummy-Text der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Dummy-Text der Branche, als ein unbekannter Drucker eine Satzform nahm und diese durcheinanderbrachte, um ein Musterbuch zu erstellen. Es überlebte nicht nur fünf Jahrhunderte, sondern auch den Sprung in die elektronische Satztechnik und blieb dabei im Wesentlichen unverändert. Es wurde in den 1960er Jahren durch die Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Abschnitten populär und in jüngerer Zeit durch Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthielt.
Lorem Ipsum ist einfach Dummy-Text der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Dummy-Text der Branche, als ein unbekannter Drucker eine Satzform nahm und diese durcheinanderbrachte, um ein Musterbuch zu erstellen. Es überlebte nicht nur fünf Jahrhunderte, sondern auch den Sprung in die elektronische Satztechnik und blieb dabei im Wesentlichen unverändert. Es wurde in den 1960er Jahren durch die Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Abschnitten populär und in jüngerer Zeit durch Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthielt.
Lorem Ipsum ist einfach Dummy-Text der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Dummy-Text der Branche, als ein unbekannter Drucker eine Satzform nahm und diese durcheinanderbrachte, um ein Musterbuch zu erstellen. Es überlebte nicht nur fünf Jahrhunderte, sondern auch den Sprung in die elektronische Satztechnik und blieb dabei im Wesentlichen unverändert. Es wurde in den 1960er Jahren durch die Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Abschnitten populär und in jüngerer Zeit durch Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthielt.