Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

Demostración: Acordeón EBT / Preguntas Frecuentes

04/05/2025, by Ivan

EBT: Descripción general del módulo Drupal Acordeón / Preguntas Frecuentes

El acordeón EBT / Preguntas Frecuentes puede ser útil para páginas con mucha información, ya que permite colapsar bloques de texto y el usuario puede expandir el bloque de texto que necesite.

https://www.drupal.org/project/ebt_accordion

composer require drupal/ebt_accordion

Utiliza el módulo Paragraph y es fácil editar el contenido del acordeón EBT. Está basado en el plugin jQuery UI Accordion:

https://jqueryui.com/accordion/

Estilos predeterminados

Question 1?

Answer 1

Question 2

Answer 2

Configuraciones de estilos

Puedes seleccionar diferentes estilos para el Acordeón EBT:

Estilos EBT

Estilo solo texto

Question 1?

Answer 1

Question 2?

Answer 2

Iconos de más/menos a la izquierda

Question 1?

Answer 1

Question 2?

Answer2

Iconos de más/menos a la derecha

Question 1?

Answer 1

Question 2?

Answer 2

Configuración de colapsado

También puedes desactivar la configuración "Colapsable", entonces al menos una sección siempre permanecerá abierta.

Question 1?

Answer 1

Question 2?

Answer 2

Question 3?

Answer 3

Configuraciones de Colapsado y Cerrado juntas

Puedes seleccionar las configuraciones "Colapsable" y "Todas cerradas" juntas, de este modo todas las secciones estarán cerradas por defecto.

Question 1?

Answer 1

Question 2?

Answer 2

Question 3?

Answer 3

Configuración de Todas abiertas

Selecciona la configuración "Todas abiertas" si necesitas mostrar todas las secciones/respuestas por defecto.

Question 1?

Answer 1

Question 2?

Answer 2

Question 3?

Answer 3

Configuración de sección activa

Puedes seleccionar qué sección debe estar abierta por defecto. Usa el campo "Sección activa" para escribir el número de orden de la sección. La configuración de sección activa se basa en cero, lo que significa que empieza a contar desde cero. Así que si necesitas abrir la tercera sección por defecto, debes escribir "2" en el campo de sección activa.

Question 1?

Answer 1

Question 2?

Answer 2

Question 3?

Answer

Configuración de desactivado

La casilla de verificación de desactivado permite desactivar la funcionalidad del Acordeón.

Question 1?

Answer 1

Question 2?

Answer 2

Question 3?

Answer 3

Configuración de Altura: contenido (predeterminado)

Tenemos tres opciones para la altura del contenido:

  • contenido (opción predeterminada)
  • automático
  • rellenar

Question 1?

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.

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.

Question 2?

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.

Question 3?

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.

Altura: automático

La opción automático permite usar la altura máxima de la sección más alta como altura para todas las demás secciones.

Question 1?

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.

Question 2?

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.

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.

Question 3?

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.

Altura: rellenar

La opción rellenar permite mostrar las secciones con barras de desplazamiento.

Question 1?

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.

Question 2?

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.

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.

Question 3?

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.

¡Gracias a ti!

¡Gracias por usar el módulo EBT! Estaré encantado de recibir cualquier idea para los módulos EBT:

Crea una incidencia en Drupal.org

Contacta con el desarrollador de los módulos EBT

O envíame un mensaje en LinkedIn