AEM Forms consente agli sviluppatori di moduli di incorporare facilmente moduli adattivi e comunicazioni interattive in un’applicazione AEM Sites a pagina singola (SPA). Il modulo adattivo incorporato e la comunicazione interattiva sono completamente funzionanti e gli utenti possono compilare e inviare il modulo senza uscire dalla pagina. Consente all’utente di rimanere nel contesto di altri elementi della pagina web e di interagire contemporaneamente con il modulo adattivo o la comunicazione interattiva.
Nell’applicazione a pagina singola di AEM Sites, puoi aggiungere un modulo adattivo o una comunicazione interattiva utilizzando il componente Contenitore di SPA AEM Forms . È un componente AEM Forms per AEM Sites SPA che puoi aggiungere alla pagina Sites .
Per informazioni sull’incorporazione di un modulo adattivo in un AEM Sites non SPA, consultare Incorporare un modulo adattivo o una comunicazione interattiva nella pagina AEM Sites.
Per incorporare un modulo adattivo o una comunicazione interattiva in siti AEM SPA utilizzando il componente Contenitore SPA AEM Forms, accertati di aver installato:
Esegui i seguenti passaggi per installare il componente Contenitore di SPA AEM Forms:
Installa il componente AEM Forms per SPA. Le istruzioni per installare il componente sono disponibili nel file README.md .
Il componente include un componente React campione che può essere utilizzato per integrare SPA componente contenitore con un progetto SPA basato su React.
Clona o scarica un progetto SPA basato su React.
Integra SPA componente contenitore con un progetto SPA basato su React utilizzando le istruzioni disponibili nel file README.md .
Dopo aver installato il componente AEM Forms SPA Container e aver integrato il componente con un progetto SPA basato su React, è possibile incorporare moduli adattivi e comunicazioni interattive nella pagina AEM Sites.
Per incorporare un modulo adattivo o una comunicazione interattiva tramite AEM Forms per il componente Contenitore SPA:
Apri la pagina AEM siti in modalità di modifica in cui desideri incorporare un modulo adattivo o una comunicazione interattiva.
Inserisci il modulo AEM per SPA sulla pagina utilizzando una delle seguenti opzioni:
Tocca il contenitore di layout nella pagina Sites, tocca + e seleziona il modulo AEM per SPA componente.
Dal pannello del browser Componenti, trascina sulla pagina il componente AEM Form for SPA .
Cerca un modulo adattivo o una comunicazione interattiva nel browser Risorse e trascinalo nella pagina Sites. Incorpora il modulo in un AEM Forms per SPA contenitore di componenti.
Il rendering di più componenti contenitore di AEM Forms SPA in una pagina non è supportato. È possibile avere più contenitori di SPA AEM Forms in 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.
Tocca il componente Contenitore di SPA AEM Forms incorporato nella pagina Sites , quindi tocca nella barra delle azioni. Viene visualizzata la finestra di dialogo Modifica contenitore SPA AEM Forms .
Nella finestra di dialogo Modifica contenitore AEM Forms , specifica quanto segue:
Tipo di risorsa: seleziona il tipo di risorsa da incorporare. Le opzioni disponibili 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 utilizzando il browser Risorse.
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 definisce lo stile dei componenti del modulo adattivo o della comunicazione interattiva. Lo stile include proprietà di aspetto quali stile font, colore di sfondo, dimensioni e allineamento.
Tocca per salvare le impostazioni. Il modulo adattivo o la comunicazione interattiva è ora incorporato nella pagina .
Considera i seguenti scenari per la pubblicazione di una risorsa incorporata (modulo adattivo o comunicazione interattiva) nella pagina AEM Sites:
AEM pagina Sites conserva un riferimento al modulo adattivo e alla comunicazione interattiva nel contenitore 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 qualsiasi configurazione o proprietà del modulo adattivo incorporato e della comunicazione interattiva, eseguire una delle operazioni seguenti.
Quando incorpori moduli adattivi nelle pagine dei siti AEM tenere a mente quanto segue: