Visualizzare più documenti PDF in un carosello
Un caso d’uso comune prevede la visualizzazione di più documenti PDF alla casella di compilazione del modulo, da esaminare prima dell’invio del modulo.
Per eseguire questo caso d'uso è stata utilizzata l'API di incorporamento Adobe PDF.
Qui è possibile trovare una demo live di questo esempio.
Per completare l’integrazione sono stati eseguiti i seguenti passaggi
Creare un componente personalizzato per visualizzare più documenti PDF
È stato creato un componente personalizzato (pdf-carosello) per scorrere i documenti pdf
Libreria client
È stata creata una libreria client per visualizzare i PDF mediante l’API di incorporamento di Adobe PDF. I PDF da visualizzare sono specificati nei componenti pdf-carosello.
Creare un modulo adattivo
Crea un modulo adattivo basato su alcune schede (in questo esempio sono presenti 3 schede)
Aggiungi alcuni componenti per moduli adattivi nelle prime due schede
Aggiungi il componente Carosello pdf nella terza scheda
Configura il componente pdf-carosello come illustrato nella schermata seguente
Incorpora chiave API PDF: è la chiave che puoi utilizzare per incorporare il PDF. Questa chiave funziona solo con localhost. Puoi creare la tua chiave e associarla ad un altro dominio.
Specifica documenti PDF - Qui puoi specificare i documenti PDF da visualizzare nel carosello.
Distribuire l’esempio sul server
Per eseguire il test sul server locale, eseguire la procedura seguente:
- Importa la libreria client nell'istanza AEM locale tramite Gestione pacchetti
- Importa il componente carosello pdf nell'istanza AEM locale utilizzando Gestione pacchetti
- Importa il modulo adattivo nell'istanza AEM locale tramite Gestione pacchetti
- Importa i pdf di esempio da visualizzare nell'istanza AEM locale utilizzando il collegamento per il caricamento dei file delle risorse
- Anteprima modulo adattivo
- Passare alla scheda Documenti da rivedere. Dovresti visualizzare tre documenti PDF nel componente Carosello.
Experience Manager
- Panoramica
- Best practice da seguire
- Configurazione dell’autenticazione OKTA con AEM Author
- Creazione del primo modulo adattivo
- Gestione degli invii di moduli
- Integrazioni utili
- Creazione del bundle OSGi
- Moduli adattivi
- Compila un modulo PDF con ChatBot
- Core - Moduli basati su componenti
- Seleziona e assembla il contenuto della cartella DAM
- Precompilazione del modulo adattivo tramite il modello dati del modulo
- Suggerimenti e trucchi per l’interfaccia utente
- Personalizzazione della posta in arrivo
- Allegati modulo e-mail
- Precompilazione del modulo con dati e allegati
- Archiviazione e recupero di moduli adattivi
- Importa dati da file PDF
- Esportazione dei dati inviati in formato CSV
- HTML5 Forms
- AEM Forms e Acrobat Sign
- Firma più Forms
- Passaggi del flusso di lavoro personalizzati
- Componente flusso di lavoro personalizzato
- Variabili nel flusso di lavoro AEM
- Rivedi dati modulo
- Memorizzazione e recupero dei dati del modulo in MySQL DB
- Attivazione del flusso di lavoro AEM nell’invio del modulo PDF
- Attiva il flusso di lavoro AEM per l’invio di moduli mobili
- Query invio modulo
- Elenco dei tipi di risorse personalizzati in Forms Portal
- AEM Forms con Marketo
- AEM Forms con Adobe Campaign Standard
- Kit di benvenuto
- API Forms headless
- App React con Forms e Acrobat Sign
- Servizi documentali
- Forms Designer
- AEM Forms Workbench
- Comunicazioni interattive per canale di stampa
- Salva e recupera bozze di lettere
- Comunicazioni interattive
- Comunicazioni Interattive Per Il Canale Web
- Risoluzione dei problemi