Genera l'anteprima HTML5 di un modulo XDP

Durante la progettazione di un modulo in AEM Forms Designer, oltre a visualizzare l’anteprima del rendering PDF di un modulo, è anche possibile visualizzarne l’anteprima in anteprima il rendering HTML5. È possibile utilizzare la scheda Anteprima HTML per visualizzare in anteprima un modulo così come apparirebbe in un browser.

Abilitare l’anteprima HTML per i moduli XDP in Designer

Per consentire a Designer di generare un’anteprima HTML dei moduli XDP, esegui le seguenti configurazioni:

  • Configurare il servizio di autenticazione Apache Sling
  • Disattiva modalità protetta
  • Fornire i dettagli del server AEM Forms

Configurare il servizio di autenticazione Apache Sling

  1. Vai a https://'[server]:[port]'/system/console/configMgr su AEM Forms in esecuzione su OSGi o
    https://'[server]:[port]'/lc/system/console/configMgr su AEM Forms in esecuzione su JEE.

  2. Individua e fai clic su Configurazione di Apache Sling Authentication Service per aprirla in modalità di modifica.

  3. A seconda che AEM Forms sia in esecuzione su OSGi o JEE, aggiungi quanto segue nel campo Requisiti di autenticazione :

    • AEM Forms su JEE

      • -/content/xfaforms
      • -/etc/clientlibs
    • AEM Forms su OSGi

      • -/content/xfaforms
      • -/etc/clientlibs/fd/xfaforms
    NOTA

    Non copiare e incollare il valore specificato nel campo Requisiti di autenticazione in quanto potrebbe danneggiare i caratteri speciali nel valore. Digita invece il valore specificato nel campo .

  4. Specificare un nome utente e una password nei campi Nome utente anonimo e Password utente anonima, rispettivamente. Le credenziali specificate vengono utilizzate per gestire l'autenticazione anonima e consentire l'accesso agli utenti anonimi.

  5. Fai clic su Salva per salvare la configurazione.

Disattiva modalità protetta

Per impostazione predefinita, la modalità protetta è attivata. Mantenetela abilitata per gli ambienti di produzione. È possibile disattivarlo per un ambiente di sviluppo per visualizzare in anteprima HTML5 Forms nella progettazione. Esegui i seguenti passaggi per disattivarlo:

  1. Accedi a AEM console Web come amministratore.

    • L’URL per AEM Forms su OSGi è https://'[server]:[port]'/system/console/configMgr
    • L’URL per AEM Forms su JEE è https://'[server]:[port]'/lc/system/console/configMgr
  2. Apri Configurazioni Forms mobili per la modifica.

  3. Deseleziona l'opzione Modalità protetta e fai clic su Salva.

Fornire i dettagli del server AEM Forms

  1. In Designer, passare a Strumenti > Opzioni.

  2. Nella finestra Opzioni, selezionare la pagina Opzioni server, fornire i seguenti dettagli e fare clic su OK.

    • URL server: URL del server AEM Forms.

    • Numero di porta HTTP: AEM porta server. Il valore predefinito è 4502.

    • Contesto anteprima HTML: percorso del profilo per il rendering dei moduli XFA. I seguenti profili predefiniti vengono utilizzati per visualizzare l’anteprima del modulo in Designer. Tuttavia, puoi anche specificare il percorso di un profilo personalizzato.

      • /content/xfaforms/profiles/default.html (AEM Forms su OSGi)

      • /lc/content/xfaforms/profiles/default.html (AEM Forms su JEE)

    • Contesto di Forms Manager: percorso contestuale in cui viene distribuita l’interfaccia utente di Forms Manager. I valori predefiniti sono:

      • /aem/forms (AEM Forms su OSGi)
      • /lc/forms (AEM Forms su JEE)
    NOTA

    Assicurati che il server AEM Forms sia in esecuzione. L'anteprima HTML si connette al server CRX per generare un'anteprima.

    Opzioni di AEM Forms Designer

    Opzioni di AEM Forms Designer

  3. Per visualizzare l’anteprima di un modulo in HTML, fare clic sulla scheda Anteprima HTML.

    NOTA
    • Se la scheda Anteprima HTML è chiusa, premere F4 per aprire la scheda Anteprima HTML. È inoltre possibile selezionare Anteprima HTML dal menu Visualizza per aprire la scheda Anteprima HTML.
      • L’anteprima HTML non supporta i documenti PDF, l’anteprima HTML è solo per i documenti XDP.
    ATTENZIONE

    Per testare l’esperienza utente finale reale, è possibile visualizzare in anteprima i moduli nei browser esterni (Google Chrome, Microsoft Edge, Mozilla Firefox e altro ancora). Ogni browser utilizza un motore separato per il rendering dell’HTML, pertanto potrebbero esserci alcune differenze nel modo in cui il modulo viene visualizzato in anteprima in Designer e nel browser esterno.

Visualizzazione in anteprima di un modulo con dati di esempio

Designer consente di visualizzare l’anteprima del modulo e di verificarne il funzionamento mediante l’uso di dati XML di esempio. È consigliabile eseguire frequentemente delle verifiche del modulo e dei dati di esempio per assicurarsi che sul modulo venga eseguito correttamente il rendering.

Se non sono disponibili dati di esempio, è possibile crearli manualmente o automaticamente tramite Designer. (Vedere Generazione automatica di dati di esempio per la visualizzazione in anteprima del modulo e Creazione di dati di esempio per la visualizzazione in anteprima del modulo.)

La verifica del modulo mediante un’origine dati di esempio garantisce la mappatura dei dati e dei campi e la corretta ripetizione dei sottomoduli. È possibile creare un layout di modulo bilanciato che fornisce lo spazio appropriato per la visualizzazione dei dati uniti a ciascun oggetto.

  1. Selezionare File > Proprietà modulo.

  2. Fare clic sulla scheda Anteprima e, nella casella File dati, digitare il percorso completo del file di dati di prova. È inoltre possibile utilizzare il pulsante Sfoglia per individuare il file desiderato.

  3. Fai clic su OK. Alla successiva visualizzazione in anteprima del modulo nella scheda Anteprima HTML, i valori dei dati del file XML di esempio verranno visualizzati nei rispettivi oggetti.

Anteprima dei moduli che si trovano in un archivio

In AEM Forms è possibile visualizzare in anteprima moduli e documenti in un archivio. L’anteprima consente di sapere esattamente l’aspetto e il funzionamento dei moduli così come verranno utilizzati dagli utenti finali.

In questa pagina