Demo: EBT Tabs
EBT: Übersicht über das Tabs Drupal-Modul
Extra Block Types (EBT): Das Tabs-Modul erstellt einen neuen Blocktyp für Tabs. Der Inhalt der Tabs kann Blöcke, Seiten, Views und formatierter Text sein. Die Tabs basieren auf dem jQuery UI Tabs-Plugin und verfügen über verschiedene Einstellungen für das jQuery-Plugin.
Sie können EBT Tabs von Drupal.org herunterladen:
https://www.drupal.org/project/ebt_tabs
composer require drupal/ebt_tabs
EBT Tabs basieren auf dem jQuery UI Tabs-Plugin:
Nach der Installation fügt das Drupal EBT Tabs-Modul einen neuen Blocktyp für Tabs hinzu.
EBT Tabs enthält alle Funktionen des EBT-Moduls, einschließlich DOM Box, Hintergrundfarbe / Bild / Video, Edge-to-Edge-Einstellungen:
https://drupalbook.org/ebt/demo
Der Inhalt der Tabs kann Blöcke, Seiten, Views und formatierter Text sein. Die Tabs basieren auf dem jQuery UI Tabs-Plugin und verfügen über verschiedene Einstellungen für das jQuery-Plugin.
EBT Tabs unterstützt verschiedene Stile:
- Ohne Kopfzeilen-Hintergrund
- Minimalistische Tabs
- Tabs wie Buttons
- Vertikale Tabs
- Vertikale Tabs rotiert
Standard-Einstellungen für Tabs
Inhalt von Tab 1
Inhalt von Tab 2
Ohne Kopfzeilen-Hintergrund
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 gedreht
Inhalt von Tab 1
Lorem Ipsum ist einfach ein Platzhaltertext aus der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Platzhaltertext der Branche, als ein unbekannter Drucker eine Setzkastenschublade nahm und sie durcheinanderbrachte, um ein Musterbuch zu erstellen. Es hat nicht nur fünf Jahrhunderte überdauert, sondern auch den Sprung in die elektronische Satztechnik geschafft und ist im Wesentlichen unverändert geblieben. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Texten populär und jüngst mit Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthalten, weiter verbreitet.
Inhalt von Tab 2
Lorem Ipsum ist einfach ein Platzhaltertext aus der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Platzhaltertext der Branche, als ein unbekannter Drucker eine Setzkastenschublade nahm und sie durcheinanderbrachte, um ein Musterbuch zu erstellen. Es hat nicht nur fünf Jahrhunderte überdauert, sondern auch den Sprung in die elektronische Satztechnik geschafft und ist im Wesentlichen unverändert geblieben. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Texten populär und jüngst mit Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthalten, weiter verbreitet.
Lorem Ipsum ist einfach ein Platzhaltertext aus der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Platzhaltertext der Branche, als ein unbekannter Drucker eine Setzkastenschublade nahm und sie durcheinanderbrachte, um ein Musterbuch zu erstellen. Es hat nicht nur fünf Jahrhunderte überdauert, sondern auch den Sprung in die elektronische Satztechnik geschafft und ist im Wesentlichen unverändert geblieben. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Texten populär und jüngst mit Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthalten, weiter verbreitet.
Aktiver Abschnitt
Sie können auswählen, welcher Abschnitt standardmäßig geöffnet sein soll. Verwenden Sie das Feld „Aktiver Abschnitt“, um die Reihenfolgenummer des Abschnitts einzutragen. Die Einstellung für den aktiven Abschnitt ist nullbasiert, das bedeutet, die Zählung beginnt bei null. Wenn Sie also standardmäßig den 3. Abschnitt öffnen möchten, müssen Sie im Feld „Aktiver Abschnitt“ die „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 ein Platzhaltertext aus der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Platzhaltertext der Branche, als ein unbekannter Drucker eine Setzkastenschublade nahm und sie durcheinanderbrachte, um ein Musterbuch zu erstellen. Es hat nicht nur fünf Jahrhunderte überdauert, sondern auch den Sprung in die elektronische Satztechnik geschafft und ist im Wesentlichen unverändert geblieben. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Texten populär und jüngst mit Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthalten, weiter verbreitet.
Lorem Ipsum ist einfach ein Platzhaltertext aus der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Platzhaltertext der Branche, als ein unbekannter Drucker eine Setzkastenschublade nahm und sie durcheinanderbrachte, um ein Musterbuch zu erstellen. Es hat nicht nur fünf Jahrhunderte überdauert, sondern auch den Sprung in die elektronische Satztechnik geschafft und ist im Wesentlichen unverändert geblieben. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Texten populär und jüngst mit Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthalten, weiter verbreitet.
Lorem Ipsum ist einfach ein Platzhaltertext aus der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Platzhaltertext der Branche, als ein unbekannter Drucker eine Setzkastenschublade nahm und sie durcheinanderbrachte, um ein Musterbuch zu erstellen. Es hat nicht nur fünf Jahrhunderte überdauert, sondern auch den Sprung in die elektronische Satztechnik geschafft und ist im Wesentlichen unverändert geblieben. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Texten populär und jüngst mit Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthalten, weiter verbreitet.
Höhenstil: Ausfüllen
Lorem Ipsum ist einfach ein Platzhaltertext aus der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Platzhaltertext der Branche, als ein unbekannter Drucker eine Setzkastenschublade nahm und sie durcheinanderbrachte, um ein Musterbuch zu erstellen. Es hat nicht nur fünf Jahrhunderte überdauert, sondern auch den Sprung in die elektronische Satztechnik geschafft und ist im Wesentlichen unverändert geblieben. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Texten populär und jüngst mit Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthalten, weiter verbreitet.
Lorem Ipsum ist einfach ein Platzhaltertext aus der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Platzhaltertext der Branche, als ein unbekannter Drucker eine Setzkastenschublade nahm und sie durcheinanderbrachte, um ein Musterbuch zu erstellen. Es hat nicht nur fünf Jahrhunderte überdauert, sondern auch den Sprung in die elektronische Satztechnik geschafft und ist im Wesentlichen unverändert geblieben. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Texten populär und jüngst mit Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthalten, weiter verbreitet.
Lorem Ipsum ist einfach ein Platzhaltertext aus der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Platzhaltertext der Branche, als ein unbekannter Drucker eine Setzkastenschublade nahm und sie durcheinanderbrachte, um ein Musterbuch zu erstellen. Es hat nicht nur fünf Jahrhunderte überdauert, sondern auch den Sprung in die elektronische Satztechnik geschafft und ist im Wesentlichen unverändert geblieben. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Texten populär und jüngst mit Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthalten, weiter verbreitet.
Lorem Ipsum ist einfach ein Platzhaltertext aus der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Platzhaltertext der Branche, als ein unbekannter Drucker eine Setzkastenschublade nahm und sie durcheinanderbrachte, um ein Musterbuch zu erstellen. Es hat nicht nur fünf Jahrhunderte überdauert, sondern auch den Sprung in die elektronische Satztechnik geschafft und ist im Wesentlichen unverändert geblieben. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Texten populär und jüngst mit Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthalten, weiter verbreitet.
Lorem Ipsum ist einfach ein Platzhaltertext aus der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Platzhaltertext der Branche, als ein unbekannter Drucker eine Setzkastenschublade nahm und sie durcheinanderbrachte, um ein Musterbuch zu erstellen. Es hat nicht nur fünf Jahrhunderte überdauert, sondern auch den Sprung in die elektronische Satztechnik geschafft und ist im Wesentlichen unverändert geblieben. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Bögen mit Lorem-Ipsum-Texten populär und jüngst mit Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem Ipsum enthalten, weiter verbreitet.