DocumentaciónAEMTutoriales de AEMTutoriales de AEM Forms

Mostrar varios documentos pdf en un carrusel

Last update: Mon Mar 24 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Se aplica a:
  • Experience Manager 6.5
  • Temas:
  • Formularios adaptables

Creado para:

  • Experimentado
  • Desarrollador

Un caso de uso común es mostrar varios documentos de PDF al usuario que rellena el formulario para revisarlos antes de enviarlo.

Para llevar a cabo este caso de uso, se ha utilizado la API de incrustación de Adobe PDF.

Aquí se puede experimentar una demostración en vivo de esta muestra.

Se han realizado los siguientes pasos para completar la integración

Crear un componente personalizado para mostrar varios documentos de PDF

Se ha creado un componente personalizado (pdf-carousel) para recorrer en ciclo los documentos pdf

Biblioteca de cliente

Se ha creado una biblioteca de cliente para mostrar los archivos PDF mediante la API de incrustación de Adobe PDF. Los PDF que se van a mostrar se especifican en los componentes de carrusel de PDF.

Crear formulario adaptable

Crear un formulario adaptable basado en algunas pestañas (este ejemplo tiene 3 pestañas)
Agregar algunos componentes de formulario adaptable en las dos primeras pestañas
Añada el componente de carrusel pdf en la tercera pestaña
Configure el componente pdf-carrusel como se muestra en la captura de pantalla siguiente
pdf-carousel

Incrustar clave de API de PDF: esta es la clave que puede usar para incrustar el PDF. Esta clave solo funcionará con localhost. Puede crear su propia clave y asociarla a otro dominio.

Especificar documentos de PDF: aquí puede especificar los documentos PDF que desea que se muestren en el carrusel.

Implementar el ejemplo en el servidor

Para probar esto en el servidor local, siga los pasos:

  1. Importe la biblioteca de cliente en su instancia de AEM local mediante el administrador de paquetes
  2. Importe el componente de carrusel pdf en su instancia local de AEM mediante el administrador de paquetes
  3. Importe el formulario adaptable en su instancia de AEM local mediante el administrador de paquetes
  4. Importe los archivos PDF de ejemplo para mostrar en la instancia local de AEM mediante el vínculo de carga de archivos de recursos
  5. Vista previa de formulario adaptable
  6. Vaya a la pestaña Documentos para revisar. Debería ver tres documentos de PDF en el componente de carrusel.
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e