Démo : Onglets EPT
EPT : aperçu du module Onglets Drupal
Extra Paragraph Types (EPT) : le module Onglets crée un nouveau type de paragraphe pour les onglets. Le contenu des onglets peut être des blocs, des pages, des Vues 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 EPT Onglets depuis Drupal.org :
https://www.drupal.org/project/ept_tabs
composer require drupal/ept_tabs
EPT Onglets est basé sur le plugin jQuery UI Tabs :
Après installation, le module Drupal EPT Onglets ajoute un nouveau type de bloc pour les onglets.
EPT Onglets contient toutes les fonctionnalités des modules EPT, y compris DOM Box, couleur de fond / image / vidéo, paramètres Edge to Edge :
https://drupalbook.org/ept/demo
Le contenu des onglets peut être des blocs, des pages, des Vues 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 Onglets prend en charge différents styles :
- Sans arrière-plan d’en-tête
- Onglets minimalistes
- Onglets comme des boutons
- Onglets verticaux
- Onglets verticaux tournés
Onglets des paramètres par défaut
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
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.
Section active
Vous pouvez sélectionner quelle section doit être ouverte par défaut. Utilisez le champ « Section active » pour écrire le numéro d’ordre de la section. Le paramètre de section active commence à zéro, ce qui signifie qu’il commence à compter à partir de zéro. Donc, si vous souhaitez ouvrir la 3e 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
Tout fermé et réductible
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’imprimerie et de la composition typographique. 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 en faire un livre d’échantillons typographiques. Il a survécu non seulement cinq siècles, mais aussi le passage à 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 des 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’imprimerie et de la composition typographique. 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 en faire un livre d’échantillons typographiques. Il a survécu non seulement cinq siècles, mais aussi le passage à 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 des 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’imprimerie et de la composition typographique. 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 en faire un livre d’échantillons typographiques. Il a survécu non seulement cinq siècles, mais aussi le passage à 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 des 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’imprimerie et de la composition typographique. 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 en faire un livre d’échantillons typographiques. Il a survécu non seulement cinq siècles, mais aussi le passage à 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 des 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’imprimerie et de la composition typographique. 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 en faire un livre d’échantillons typographiques. Il a survécu non seulement cinq siècles, mais aussi le passage à 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 des 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’imprimerie et de la composition typographique. 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 en faire un livre d’échantillons typographiques. Il a survécu non seulement cinq siècles, mais aussi le passage à 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 des 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’imprimerie et de la composition typographique. 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 en faire un livre d’échantillons typographiques. Il a survécu non seulement cinq siècles, mais aussi le passage à 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 des 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’imprimerie et de la composition typographique. 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 en faire un livre d’échantillons typographiques. Il a survécu non seulement cinq siècles, mais aussi le passage à 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 des logiciels de publication assistée par ordinateur comme Aldus PageMaker incluant des versions de Lorem Ipsum.