Mostrar varios documentos pdf en un carrusel

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 creó una biblioteca de cliente para mostrar los PDF mediante la API de incrustación de Adobe PDF. Los PDF que se van a mostrar se especifican en los componentes de carrusel 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

Clave de API de PDF incrustado: esta es la clave que puede utilizar 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: