A AEM Forms permite que desenvolvedores de formulários incorporem sem problemas formulários adaptativos e Comunicações interativas em um aplicativo de página única (SPA) da AEM Sites. O formulário adaptativo incorporado e a Comunicação interativa estão totalmente funcionais e os usuários podem preencher e enviar o formulário sem sair da página. Ajuda o usuário a permanecer no contexto de outros elementos na página da Web e a interagir simultaneamente com o formulário adaptável ou com a Comunicação interativa.
No aplicativo de página única da AEM Sites, é possível adicionar um formulário adaptável ou uma Comunicação interativa usando o componente de Container do AEM Forms SPA . É um componente AEM Forms para o AEM Sites SPA que você pode adicionar à página Sites.
Para obter informações sobre como incorporar um formulário adaptável em um AEM Sites não SPA, consulte Incorporar um formulário adaptável ou comunicação interativa na página do AEM Sites.
Para incorporar um formulário adaptável ou uma Comunicação interativa em AEM sites SPA usando o componente de Container do AEM Forms SPA, verifique se você instalou:
Execute as seguintes etapas para instalar o componente do Container AEM Forms SPA:
Instale o componente AEM Forms para SPA. As instruções para instalar o componente estão disponíveis no arquivo README.md.
O componente inclui um componente React de amostra que pode ser usado para integrar SPA componente de container a um projeto SPA baseado em React.
Clonar ou baixar um projeto de SPA baseado em React.
Integre SPA componente de container a um projeto SPA baseado em React usando as instruções disponíveis no arquivo README.md.
Depois de instalar o componente do Container AEM Forms SPA e integrar o componente a um projeto SPA baseado em React, você pode incorporar formulários adaptáveis e Comunicações interativas na página do AEM Sites.
Para incorporar um formulário adaptável ou uma Comunicação interativa usando o AEM Forms para SPA componente de Container:
Abra a página AEM sites, no modo de edição, na qual você deseja incorporar um formulário adaptável ou uma Comunicação interativa.
Insira o AEM Formulário para SPA componente na página usando qualquer uma das seguintes opções:
Toque no container de layout na página Sites, toque em + e selecione o AEM Formulário para SPA componente.
No painel Navegador de componentes, arraste e solte o AEM Formulário para o componente SPA na página.
Procure um formulário adaptável ou Comunicação interativa no navegador Ativos e arraste-o e solte-o na página Sites. Ele incorpora o formulário em um AEM Forms para SPA container de componente.
Não há suporte para a renderização de vários componentes do Container AEM Forms SPA em uma página. Você pode ter vários Container SPA do AEM Forms em uma página, mas apenas um componente é renderizado de cada vez. Certifique-se de que apenas um componente esteja visível em uma página para evitar discrepâncias.
Toque no componente de Container AEM Forms SPA incorporado na página de sites e toque em na barra de ações. A caixa de diálogo Editar Container SPA do AEM Forms é aberta.
Na caixa de diálogo Editar Container AEM Forms, especifique o seguinte:
Tipo de ativo: selecione o tipo de ativo a ser incorporado. As opções são Formulário adaptável e Comunicação interativa
Caminho do ativo: Procure e selecione o formulário adaptável ou a Comunicação interativa a ser incorporada. O campo será preenchido automaticamente se um formulário adaptável ou Comunicação interativa for inserido usando o navegador Ativos.
Canal (somente comunicação interativa): Selecione o tipo de canal interativo a ser incorporado. As opções são Canal da Web e Canal de impressão.
Tema: Selecione um tema que defina o estilo para os componentes do formulário adaptável ou da Comunicação interativa. O estilo inclui propriedades de aparência como estilo de fonte, cor de plano de fundo, dimensões e alinhamento.
Toque em para salvar as configurações. O formulário adaptável ou a Comunicação interativa agora está incorporado na página.
Considere os seguintes cenários para publicar um ativo incorporado (formulário adaptável ou Comunicação interativa) na página do AEM Sites:
AEM página de sites mantém uma referência ao formulário adaptável e Comunicação interativa no Container AEM Forms. Portanto, todas as configurações e propriedades, como o tema, os estilos e a ação de envio, configuradas no formulário adaptativo original e a Comunicação interativa são retidas no formulário adaptativo incorporado e na Comunicação interativa.
Para modificar qualquer configuração ou propriedade do formulário adaptativo incorporado e da Comunicação interativa, execute um dos procedimentos a seguir.
Lembre-se dos seguintes pontos ao incorporar formulários adaptativos em páginas de sites AEM: