Demostración: EPT Pestañas
EPT: Descripción general del módulo de pestañas para Drupal
El módulo Extra Paragraph Types (EPT): Tabs crea un nuevo tipo de párrafo para pestañas. El contenido de las pestañas puede ser bloques, páginas, Views y texto con formato. Las pestañas están basadas en el complemento jQuery UI Tabs y tienen varias configuraciones para el complemento jQuery.
Puede descargar EPT Tabs desde Drupal.org:
https://www.drupal.org/project/ept_tabs
composer require drupal/ept_tabs
EPT Tabs está basado en el complemento jQuery UI Tabs:
Después de la instalación, el módulo Drupal EPT Tabs agrega un nuevo tipo de bloque para pestañas.
EPT Tabs contiene todas las funcionalidades del módulo EPT, incluyendo DOM Box, color de fondo / Imagen / Video, configuraciones Edge to Edge:
https://drupalbook.org/ept/demo
El contenido de las pestañas puede ser bloques, páginas, Views y texto con formato. Las pestañas están basadas en el complemento jQuery UI Tabs y tienen varias configuraciones para el complemento jQuery.
EBT Tabs admite diferentes estilos:
- Sin fondo de encabezado
- Pestañas minimalistas
- Pestañas como botones
- Pestañas verticales
- Pestañas verticales rotadas
Pestañas con configuración predeterminada
Contenido de la pestaña 1
Contenido de la pestaña 2
Sin fondo de encabezado
Contenido de la pestaña 1
Contenido de la pestaña 2
Pestañas minimalistas
Contenido de la pestaña 1
Contenido de la pestaña 2
Pestañas verticales
Contenido de la pestaña 1
Contenido de la pestaña 2
Pestañas verticales rotadas
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.
Sección activa
Puede seleccionar qué sección debe abrirse por defecto. Use el campo "Sección activa" para escribir el número de orden de la sección. La configuración de la sección activa se basa en cero, lo que significa que comienza a contar desde cero. Así que, si necesita abrir la tercera sección por defecto, debe escribir "2" en el campo de Sección activa.
Contenido de la pestaña 1
Contenido de la pestaña 2
Contenido de la pestaña 3
Plegable
También puede desactivar la opción "Plegable", entonces al menos una sección estará siempre abierta.
Contenido de la pestaña 1
Contenido de la pestaña 2
Contenido de la pestaña 3
Todas cerradas y plegables
Contenido de la pestaña 1
Contenido de la pestaña 2
Contenido de la pestaña 3
Desactivar pestañas
Contenido de la pestaña 1
Contenido de la pestaña 2
Contenido de la pestaña 3
Estilo de altura: Automático
Lorem Ipsum es simplemente texto de relleno de la industria de la impresión y la composición tipográfica. Lorem Ipsum ha sido el texto de relleno estándar de la industria desde el siglo XVI, cuando un impresor desconocido tomó una galera de texto y la mezcló para crear un libro de muestras tipográficas. No solo ha sobrevivido cinco siglos, sino también el salto a la composición tipográfica electrónica, permaneciendo esencialmente sin cambios. Se popularizó en la década de 1960 con la aparición de hojas Letraset que contenían pasajes de Lorem Ipsum, y más recientemente con software de autoedición como Aldus PageMaker, que incluye versiones de Lorem Ipsum.
Lorem Ipsum es simplemente texto de relleno de la industria de la impresión y la composición tipográfica. Lorem Ipsum ha sido el texto de relleno estándar de la industria desde el siglo XVI, cuando un impresor desconocido tomó una galera de texto y la mezcló para crear un libro de muestras tipográficas. No solo ha sobrevivido cinco siglos, sino también el salto a la composición tipográfica electrónica, permaneciendo esencialmente sin cambios. Se popularizó en la década de 1960 con la aparición de hojas Letraset que contenían pasajes de Lorem Ipsum, y más recientemente con software de autoedición como Aldus PageMaker, que incluye versiones de Lorem Ipsum.
Lorem Ipsum es simplemente texto de relleno de la industria de la impresión y la composición tipográfica. Lorem Ipsum ha sido el texto de relleno estándar de la industria desde el siglo XVI, cuando un impresor desconocido tomó una galera de texto y la mezcló para crear un libro de muestras tipográficas. No solo ha sobrevivido cinco siglos, sino también el salto a la composición tipográfica electrónica, permaneciendo esencialmente sin cambios. Se popularizó en la década de 1960 con la aparición de hojas Letraset que contenían pasajes de Lorem Ipsum, y más recientemente con software de autoedición como Aldus PageMaker, que incluye versiones de Lorem Ipsum.
Estilo de altura: Rellenar
Lorem Ipsum es simplemente texto de relleno de la industria de la impresión y la composición tipográfica. Lorem Ipsum ha sido el texto de relleno estándar de la industria desde el siglo XVI, cuando un impresor desconocido tomó una galera de texto y la mezcló para crear un libro de muestras tipográficas. No solo ha sobrevivido cinco siglos, sino también el salto a la composición tipográfica electrónica, permaneciendo esencialmente sin cambios. Se popularizó en la década de 1960 con la aparición de hojas Letraset que contenían pasajes de Lorem Ipsum, y más recientemente con software de autoedición como Aldus PageMaker, que incluye versiones de Lorem Ipsum.
Lorem Ipsum es simplemente texto de relleno de la industria de la impresión y la composición tipográfica. Lorem Ipsum ha sido el texto de relleno estándar de la industria desde el siglo XVI, cuando un impresor desconocido tomó una galera de texto y la mezcló para crear un libro de muestras tipográficas. No solo ha sobrevivido cinco siglos, sino también el salto a la composición tipográfica electrónica, permaneciendo esencialmente sin cambios. Se popularizó en la década de 1960 con la aparición de hojas Letraset que contenían pasajes de Lorem Ipsum, y más recientemente con software de autoedición como Aldus PageMaker, que incluye versiones de Lorem Ipsum.
Lorem Ipsum es simplemente texto de relleno de la industria de la impresión y la composición tipográfica. Lorem Ipsum ha sido el texto de relleno estándar de la industria desde el siglo XVI, cuando un impresor desconocido tomó una galera de texto y la mezcló para crear un libro de muestras tipográficas. No solo ha sobrevivido cinco siglos, sino también el salto a la composición tipográfica electrónica, permaneciendo esencialmente sin cambios. Se popularizó en la década de 1960 con la aparición de hojas Letraset que contenían pasajes de Lorem Ipsum, y más recientemente con software de autoedición como Aldus PageMaker, que incluye versiones de Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.