Progettazione di modelli di modulo per moduli HTML5

Ultimo aggiornamento: 6 marzo 2025
  • Argomenti:

Creato per:

  • Amministratore
  • Utente
  • Sviluppatore

Il componente HTML5 Forms in AEM può eseguire il rendering del modello di modulo XFA in formato HTML5. I progettisti di moduli possono progettare modelli di modulo utilizzando Forms Designer e utilizzare la funzionalità di rendering di HTML5. Questi modelli di modulo, insieme alle relative risorse, possono trovarsi nell’archivio di AEM, nel file system o essere esposti tramite http. Tuttavia, se prevedi di gestire i moduli con Forms Manager, i modelli e le risorse devono trovarsi nell’archivio di AEM.

Anche se i moduli HTML5 corrispondono in larga misura al comportamento di PDF forms, esistono alcune funzioni in entrambi i formati che non sono applicabili all’altro formato. Ad esempio, il modo in cui i codici a barre vengono applicati a un modulo PDF in Adobe Reader varia da un modulo Mobile, oppure il modo in cui un modulo è firmato digitalmente varia anche tra i formati. Per ulteriori informazioni su tali varianti, vedere Differenziazione delle funzionalità tra HTML5 Forms e PDF forms.

Per le funzioni XFA più comuni, consulta le best practice e le linee guida seguenti per progettare un modulo che funzioni in entrambi i formati.

Best practice

La maggior parte dei passaggi per la progettazione di un modello di modulo, ad esempio le associazioni di schema o la scrittura della logica del modulo, sono gli stessi. Tuttavia, a causa delle differenze intrinseche tra il motore di rendering e di script di un client spesso come Adobe Reader e i moduli basati su browser, nell'articolo best practice sono descritti alcuni consigli. Queste best practice consentono di progettare modelli di modulo in modo che funzionino come previsto in entrambi i formati.

Funzionalità in AEM Forms Designer per HTML5 Forms

Anteprima HTML

La scheda Anteprima HTML viene aggiunta in modalità Progettazione per consentire ai progettisti di moduli di visualizzare in anteprima i moduli in formato HTML5 durante il processo di progettazione. Per ulteriori informazioni su come abilitare e configurare questa funzionalità in AEM Forms Designer, vedere Anteprima HTML.

Firma scarabocchio

Il target principale per i moduli HTML5 sono i dispositivi touch. Pertanto, in AEM Forms Designer viene aggiunto un nuovo controllo della firma scarabocchio. È possibile fare clic o trascinare e rilasciare il controllo della firma scarabocchio sul modello di modulo e configurarlo. Viene visualizzato come campo scarabocchio nel rendering di HTML5 e può essere utilizzato per scrivere la firma sui dispositivi touch. Sui computer desktop, può essere utilizzato come campo scarabocchio utilizzando il controllo del mouse. Per ulteriori informazioni sull'utilizzo di questa funzionalità, vedere Campo a mano libera XFA.

4

Formato RTF

È possibile convertire un campo di testo in un campo RTF. Aggiunge un elenco di opzioni di formattazione al campo di testo. Per convertire, aprire Forms Designer, selezionare il campo di testo in Visualizzazione Struttura. Nella scheda Campo, seleziona Testo formattato dall'elenco a discesa Formato campo. Ora, quando il modulo XFA viene renderizzato come modulo HTML5, il campo viene renderizzato come campo in formato Rich Text. Seleziona Ingrandisci per visualizzare altre opzioni di formattazione.

Experience Manager