Genera anteprima HTML5 di un modulo XDP

Durante la progettazione di un modulo in AEM Forms Designer, oltre alla visualizzazione in anteprima della rappresentazione PDF di un modulo, è anche possibile visualizzarne l'anteprima in HTML5. È possibile utilizzare la scheda Anteprima HTML per visualizzare l'anteprima di un modulo così come apparirebbe in un browser.

Attiva anteprima HTML per i moduli XDP in Designer

Per consentire a Designer di generare l'anteprima HTML dei moduli XDP, eseguire le configurazioni seguenti:

  • Configurare il servizio di autenticazione Apache Sling
  • Disattiva modalità protetta
  • Fornire i dettagli 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. Individuate e fate clic su Apache Sling Authentication Service per aprirlo in modalità di modifica.

  3. A seconda che sia in esecuzione AEM Forms su OSGi o JEE, aggiungere quanto segue nel campo Autenticazione obbligatoria:

    • AEM Forms su JEE

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

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

    Non copiate e incollate il valore specificato nel campo Requisiti autenticazione, in quanto potrebbe danneggiare i caratteri speciali presenti nel valore. Digitare invece il valore specificato nel campo.

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

  5. Fare clic su Salva per salvare la configurazione.

Disattiva modalità protetta

Per impostazione predefinita, la modalità protetta è attivata. Mantenetela attivata per gli ambienti di produzione. Potete disattivarlo per un ambiente di sviluppo per visualizzare in anteprima HTML5 Forms nel designer. Per disattivarlo, effettuate le seguenti operazioni:

  1. Accedete 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. Aprire Configurazioni Forms mobili per la modifica.

  3. Deselezionare l'opzione Modalità protetta e fare clic su Salva.

Fornire i dettagli 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 porta HTTP: AEM porta del server. Il valore predefinito è 4502.

    • Contesto anteprima HTML: percorso del profilo per il rendering dei moduli XFA. I seguenti profili predefiniti sono utilizzati per visualizzare l'anteprima del modulo in Designer. Tuttavia, potete 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: verificare che server AEM Forms sia in esecuzione. L'anteprima HTML si collega 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. Potete anche selezionare Anteprima HTML dal menu Visualizza per aprire la scheda Anteprima HTML.

    NOTA

    L'anteprima HTML non supporta i documenti PDF, l'anteprima HTML è solo per i documenti XDP.

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. Potete anche utilizzare il pulsante Sfoglia per individuare il file.

  3. Fai clic su OK. La volta successiva che si visualizza l'anteprima del modulo nella scheda Anteprima HTML, i valori dei dati del file XML di esempio saranno visualizzati nei rispettivi oggetti.

Visualizzare l'anteprima dei moduli in un archivio

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

Contattare il supporto

In questa pagina