Prerequisiti

Per incorporare un modulo adattivo o una comunicazione interattiva in un SPA dei siti AEM utilizzando il componente Contenitore SPA di AEM Forms, assicurati di aver installato:

Installare il componente Contenitore SPA di AEM Forms

Esegui la procedura seguente per installare il componente Contenitore SPA di AEM Forms:

  1. Clona o scarica il componente AEM Forms per SPA.

  2. Installa il componente AEM Forms per l’SPA. Le istruzioni per installare il componente sono disponibili nel file README.md.

    Il componente include un componente React di esempio che può essere utilizzato per integrare il componente contenitore SPA con un progetto SPA basato su React.

  3. Clona o scarica un progetto SPA basato su React.

  4. Integra il componente contenitore SPA con un progetto SPA basato su React utilizzando le istruzioni disponibili nel file README.md.

    Dopo aver installato il componente Contenitore SPA di AEM Forms e aver integrato il componente con un progetto SPA basato su React, puoi incorporare moduli adattivi e comunicazioni interattive nella pagina di AEM Sites.

Incorporare un modulo adattivo o una comunicazione interattiva

Per incorporare un modulo adattivo o una comunicazione interattiva utilizzando il componente Contenitore di AEM Forms per SPA:

  1. Apri la pagina dei siti AEM, in modalità di modifica, in cui desideri incorporare un modulo adattivo o una comunicazione interattiva.

  2. Inserire il modulo AEM per il componente SPA nella pagina utilizzando una delle opzioni seguenti:

    • Selezionare il contenitore di layout nella pagina Sites, selezionare + e selezionare il modulo AEM per il componente SPA.

    • Dal pannello del browser Componenti, trascina il modulo AEM per il componente SPA sulla pagina.

    • Cerca un modulo adattivo o una comunicazione interattiva nel browser Assets e trascinalo sulla pagina Sites. Incorpora il modulo in un contenitore di componenti AEM Forms for SPA.

    NOTE
    Il rendering di più componenti AEM Forms SPA Container in una pagina non è supportato. Puoi avere più Contenitori SPA di AEM Forms su una pagina, ma viene eseguito il rendering di un solo componente alla volta. Assicurati che in una pagina sia visibile un solo componente per evitare discrepanze.
  3. Seleziona il componente Contenitore SPA di AEM Forms incorporato nella pagina Sites, quindi seleziona settings_icon nella barra delle azioni. Viene visualizzata la finestra di dialogo Modifica contenitore SPA di AEM Forms.

  4. Nella finestra di dialogo Modifica contenitore AEM Forms, specifica quanto segue:

    • Tipo risorsa: Seleziona il tipo di risorsa da incorporare. Le opzioni sono Modulo adattivo e Comunicazione interattiva

    • Percorso risorsa: sfoglia e seleziona il modulo adattivo o la comunicazione interattiva da incorporare. Il campo viene compilato automaticamente se viene inserito un modulo adattivo o una comunicazione interattiva tramite il browser Assets.

    • Canale (solo comunicazione interattiva): seleziona il tipo di canale interattivo da incorporare. Le opzioni sono Canale Web e Canale di stampa.

    • Tema: seleziona un tema che definisca lo stile dei componenti del modulo adattivo o della comunicazione interattiva. Lo stile include proprietà di aspetto quali lo stile del carattere, il colore di sfondo, le dimensioni e l'allineamento.

  5. Seleziona icona_completato per salvare le impostazioni. Il modulo adattivo o la comunicazione interattiva è ora incorporato nella pagina.

Modulo adattivo integrato e comunicazione interattiva Publish

Considera i seguenti scenari per la pubblicazione di una risorsa incorporata (modulo adattivo o comunicazione interattiva) sulla pagina di AEM Sites:

  • Se pubblichi la pagina AEM Sites per la prima volta e include un modulo adattivo incorporato o una comunicazione interattiva, pubblica la pagina Sites e la risorsa incorporata.
  • Se hai modificato solo il modulo adattivo incorporato o la comunicazione interattiva in una pagina Sites pubblicata, pubblica la risorsa originale e le modifiche si riflettono nella pagina Sites pubblicata. La pagina Sites pubblicata include un riferimento alla risorsa e non richiede la ripubblicazione della pagina.
  • Se hai modificato la pagina Sites e il modulo adattivo incorporato o la comunicazione interattiva, ripubblica la pagina Sites e la risorsa incorporata.

Modifica modulo adattivo incorporato e comunicazione interattiva

La pagina dei siti AEM mantiene un riferimento al modulo adattivo e alla comunicazione interattiva nel contenitore di AEM Forms. Pertanto, tutte le configurazioni e le proprietà, come il tema, gli stili e l’azione di invio, configurate nel modulo adattivo originale e nella comunicazione interattiva vengono mantenute nel modulo adattivo incorporato e nella comunicazione interattiva.

Per modificare la configurazione o la proprietà del modulo adattivo incorporato e della comunicazione interattiva, effettua una delle seguenti operazioni.

  • Apri il modulo originale nei moduli adattivi o nella comunicazione interattiva nei rispettivi editor e modificali.
  • Selezionare il modulo adattivo o la comunicazione interattiva dalla pagina Sites in modalità di modifica, quindi selezionare Modifica in una nuova finestra. Il modulo originale si apre in modalità di modifica.