Creazione di moduli HTML5

I moduli HTML5 sono una nuova funzionalità di Adobe Experience Manager che offre il rendering di modelli di moduli XFA (xdp) in formato HTML5. Questa funzionalità consente di effettuare il rendering dei moduli su dispositivi mobili e browser desktop che non supportano i PDF basati su XFA. I moduli HTML5 non solo supportano le funzionalità esistenti dei modelli di moduli XFA, ma aggiungono anche nuove funzionalità per i dispositivi mobili, come la firma a mano libera.

Prerequisito

Assicurati di disporre di un'istanza funzionante di AEM Forms. Segui la guida all'installazione per installare e configurare AEM Forms

Crea il primo modulo HTML5

  1. Scarica ed estrae il contenuto del file zip. Il file zip contiene file xdp e di dati
  2. Passa a Forms e documenti
  3. Fai clic su Crea -> Caricamento file
  4. Seleziona il modello xdp scaricato al passaggio 2

Anteprima come HTML

L'xdp può essere visualizzato in anteprima in formato HTML5 o PDF. Per visualizzare in anteprima l'xdp in formato HTML5, segui i seguenti passaggi

  • Tocca l’xdp appena caricato e fai clic su Anteprima -> Anteprima come HTML. Dovresti vedere l'xdp renderizzato come HTML5
NOTA

Quando si seleziona l'opzione Anteprima come PDF, il PDF di cui è stato effettuato il rendering non verrà visualizzato nel browser, perché AEM Forms esegue il rendering dei pdf dinamici che richiedono il plug-in Acrobat.Per visualizzare il PDF, è necessario scaricare il PDF e aprirlo con Adobe Acrobat/Reader.

Anteprima con i dati

Per visualizzare in anteprima l'xdp in formato HTML5 con file di dati, segui i seguenti passaggi:

  • Tocca l’xdp appena caricato e fai clic su Anteprima -> Anteprima con dati. Sfoglia e seleziona il file di dati e fai clic su Anteprima.
  • Dovresti vedere il modello renderizzato in formato HTML5 precompilato con i dati

Esplora proprietà avanzate del modello xdp

Le proprietà avanzate del modello xdp consentono di specificare la data di pubblicazione, il gestore di invio, il profilo di rendering del modulo, il servizio di precompilazione, ecc. Per visualizzare le proprietà avanzate del modello, tocca sull’xdp e fai clic su proprietà -> Avanzate. Qui troverete una serie di proprietà. Alcune di queste proprietà sono coperte qui.

URL di invio : questo è l’URL che gestirà l’invio del modulo HTML5. Ne parleremo nella prossima lezione. Se non si specifica un URL di invio qui, viene richiamato il gestore di invio predefinito che restituisce i dati del modulo al browser.

Profilo di rendering HTML : i moduli HTML5 hanno la nozione di profili esposti come endpoint REST per abilitare il rendering mobile dei modelli di modulo. La maggior parte delle volte il profilo di rendering predefinito deve essere sufficiente per eseguire il rendering del modulo. Se il profilo di rendering predefinito non soddisfa le tue esigenze, è possibile creare e associare al modulo un profilo personalizzato.

Servizio di precompilazione : il servizio di precompilazione viene in genere utilizzato per compilare il modulo con i dati recuperati da un’origine dati back-end.

In questa pagina