Démo : Onglets EBT
EBT : Présentation du module Drupal Tabs
Extra Block Types (EBT) : le module Tabs crée un nouveau type de bloc pour les onglets. Le contenu des onglets peut être des blocs, des pages, des vues (Views) et du texte formaté. Les onglets sont basés sur le plugin jQuery UI Tabs et disposent de divers paramètres pour ce plugin jQuery.
Vous pouvez télécharger EBT Tabs depuis Drupal.org :
https://www.drupal.org/project/ebt_tabs
composer require drupal/ebt_tabs
EBT Tabs est basé sur le plugin jQuery UI Tabs :
Après l’installation, le module Drupal EBT Tabs ajoute un nouveau type de bloc pour les onglets.
EBT Tabs contient toutes les fonctionnalités du module EBT, incluant DOM Box, couleur de fond / image / vidéo, paramètres Edge to Edge :
https://drupalbook.org/ebt/demo
Le contenu des onglets peut être des blocs, des pages, des vues (Views) et du texte formaté. Les onglets sont basés sur le plugin jQuery UI Tabs et disposent de divers paramètres pour ce plugin jQuery.
EBT Tabs supporte différents styles :
- Sans arrière-plan d’en-tête
- Onglets minimalistes
- Onglets comme des boutons
- Onglets verticaux
- Onglets verticaux tournés
Paramètres par défaut des onglets
Contenu de l'onglet 1
Contenu de l'onglet 2
Sans arrière-plan d’en-tête
Contenu de l'onglet 1
Contenu de l'onglet 2
Onglets minimalistes
Contenu de l'onglet 1
Contenu de l'onglet 2
Onglets verticaux
Contenu de l'onglet 1
Contenu de l'onglet 2
Onglets verticaux tournés
Contenu de l'onglet 1
Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum est le texte factice standard de l'industrie depuis les années 1500, lorsqu'un imprimeur inconnu a pris une galée de caractères et les a mélangés pour créer un livre spécimen de caractères. Il a survécu non seulement cinq siècles, mais aussi le saut dans la composition électronique, restant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la sortie des feuilles Letraset contenant des passages de Lorem Ipsum, et plus récemment avec les logiciels de publication assistée par ordinateur comme Aldus PageMaker incluant des versions de Lorem Ipsum.
Contenu de l'onglet 2
Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum est le texte factice standard de l'industrie depuis les années 1500, lorsqu'un imprimeur inconnu a pris une galée de caractères et les a mélangés pour créer un livre spécimen de caractères. Il a survécu non seulement cinq siècles, mais aussi le saut dans la composition électronique, restant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la sortie des feuilles Letraset contenant des passages de Lorem Ipsum, et plus récemment avec les logiciels de publication assistée par ordinateur comme Aldus PageMaker incluant des versions de Lorem Ipsum.
Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum est le texte factice standard de l'industrie depuis les années 1500, lorsqu'un imprimeur inconnu a pris une galée de caractères et les a mélangés pour créer un livre spécimen de caractères. Il a survécu non seulement cinq siècles, mais aussi le saut dans la composition électronique, restant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la sortie des feuilles Letraset contenant des passages de Lorem Ipsum, et plus récemment avec les logiciels de publication assistée par ordinateur comme Aldus PageMaker incluant des versions de Lorem Ipsum.
Section active
Vous pouvez sélectionner quelle section doit être ouverte par défaut. Utilisez le champ « Section active » pour indiquer le numéro d’ordre de la section. Le paramètre de section active est basé sur zéro, ce qui signifie que le comptage commence à zéro. Donc, si vous souhaitez ouvrir la 3ᵉ section par défaut, vous devez taper « 2 » dans le champ Section active.
Contenu de l'onglet 1
Contenu de l'onglet 2
Contenu de l'onglet 3
Réductible
Vous pouvez également désactiver le paramètre « Réductible », ainsi au moins une section sera toujours ouverte.
Contenu de l'onglet 1
Contenu de l'onglet 2
Contenu de l'onglet 3
Toutes fermées et pliables
Contenu de l'onglet 1
Contenu de l'onglet 2
Contenu de l'onglet 3
Désactiver les onglets
Contenu de l'onglet 1
Contenu de l'onglet 2
Contenu de l'onglet 3
Style de hauteur : Automatique
Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum est le texte factice standard de l'industrie depuis les années 1500, lorsqu'un imprimeur inconnu a pris une galée de caractères et les a mélangés pour créer un livre spécimen de caractères. Il a survécu non seulement cinq siècles, mais aussi le saut dans la composition électronique, restant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la sortie des feuilles Letraset contenant des passages de Lorem Ipsum, et plus récemment avec les logiciels de publication assistée par ordinateur comme Aldus PageMaker incluant des versions de Lorem Ipsum.
Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum est le texte factice standard de l'industrie depuis les années 1500, lorsqu'un imprimeur inconnu a pris une galée de caractères et les a mélangés pour créer un livre spécimen de caractères. Il a survécu non seulement cinq siècles, mais aussi le saut dans la composition électronique, restant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la sortie des feuilles Letraset contenant des passages de Lorem Ipsum, et plus récemment avec les logiciels de publication assistée par ordinateur comme Aldus PageMaker incluant des versions de Lorem Ipsum.
Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum est le texte factice standard de l'industrie depuis les années 1500, lorsqu'un imprimeur inconnu a pris une galée de caractères et les a mélangés pour créer un livre spécimen de caractères. Il a survécu non seulement cinq siècles, mais aussi le saut dans la composition électronique, restant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la sortie des feuilles Letraset contenant des passages de Lorem Ipsum, et plus récemment avec les logiciels de publication assistée par ordinateur comme Aldus PageMaker incluant des versions de Lorem Ipsum.
Style de hauteur : Remplissage
Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum est le texte factice standard de l'industrie depuis les années 1500, lorsqu'un imprimeur inconnu a pris une galée de caractères et les a mélangés pour créer un livre spécimen de caractères. Il a survécu non seulement cinq siècles, mais aussi le saut dans la composition électronique, restant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la sortie des feuilles Letraset contenant des passages de Lorem Ipsum, et plus récemment avec les logiciels de publication assistée par ordinateur comme Aldus PageMaker incluant des versions de Lorem Ipsum.
Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum est le texte factice standard de l'industrie depuis les années 1500, lorsqu'un imprimeur inconnu a pris une galée de caractères et les a mélangés pour créer un livre spécimen de caractères. Il a survécu non seulement cinq siècles, mais aussi le saut dans la composition électronique, restant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la sortie des feuilles Letraset contenant des passages de Lorem Ipsum, et plus récemment avec les logiciels de publication assistée par ordinateur comme Aldus PageMaker incluant des versions de Lorem Ipsum.
Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum est le texte factice standard de l'industrie depuis les années 1500, lorsqu'un imprimeur inconnu a pris une galée de caractères et les a mélangés pour créer un livre spécimen de caractères. Il a survécu non seulement cinq siècles, mais aussi le saut dans la composition électronique, restant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la sortie des feuilles Letraset contenant des passages de Lorem Ipsum, et plus récemment avec les logiciels de publication assistée par ordinateur comme Aldus PageMaker incluant des versions de Lorem Ipsum.
Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum est le texte factice standard de l'industrie depuis les années 1500, lorsqu'un imprimeur inconnu a pris une galée de caractères et les a mélangés pour créer un livre spécimen de caractères. Il a survécu non seulement cinq siècles, mais aussi le saut dans la composition électronique, restant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la sortie des feuilles Letraset contenant des passages de Lorem Ipsum, et plus récemment avec les logiciels de publication assistée par ordinateur comme Aldus PageMaker incluant des versions de Lorem Ipsum.
Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum est le texte factice standard de l'industrie depuis les années 1500, lorsqu'un imprimeur inconnu a pris une galée de caractères et les a mélangés pour créer un livre spécimen de caractères. Il a survécu non seulement cinq siècles, mais aussi le saut dans la composition électronique, restant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la sortie des feuilles Letraset contenant des passages de Lorem Ipsum, et plus récemment avec les logiciels de publication assistée par ordinateur comme Aldus PageMaker incluant des versions de Lorem Ipsum.