O AEM Forms permite que desenvolvedores de formulários incorporem, sem interrupções, formulários adaptáveis e Comunicações interativas em um aplicativo de página única (SPA) da AEM Sites. O formulário adaptável incorporado e a Comunicação interativa sã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 interagir simultaneamente com o formulário adaptável ou a Comunicação interativa.
No aplicativo de página única do AEM Sites, é possível adicionar um formulário adaptável ou uma Comunicação interativa usando o Componente Contêiner do AEM Forms SPA . É um componente do AEM Forms para o AEM Sites SPA que pode ser adicionado à página Sites.
Para obter informações sobre como incorporar um formulário adaptável em um AEM Sites que não seja SPA, consulte Incorpore um formulário adaptável ou uma comunicação interativa na página do AEM Sites.
Para incorporar um formulário adaptável ou uma Comunicação interativa em um AEM sites SPA usando o componente AEM Forms SPA Container, verifique se você instalou:
Execute as etapas a seguir para instalar o componente AEM Forms SPA Container :
Instale o componente AEM Forms para SPA. As instruções para instalar o componente estão disponíveis no README.md arquivo.
O componente inclui um componente de Reação de exemplo que pode ser usado para integrar SPA componente de contêiner com um projeto de SPA baseado em React.
Integre SPA componente de contêiner a um projeto de SPA baseado em React usando as instruções disponíveis no README.md arquivo.
Depois de instalar o componente AEM Forms SPA Container e integrar o componente a um projeto de SPA baseado em React, você pode incorporar formulários adaptáveis e Comunicações interativas na página AEM Sites.
Para incorporar um formulário adaptável ou uma Comunicação interativa usando o AEM Forms para SPA componente de Contêiner:
Abra a página Sites AEM, no modo de edição, na qual deseja incorporar um formulário adaptável ou Comunicação interativa.
Insira o Formulário AEM para SPA na página usando qualquer uma das seguintes opções:
Toque no contêiner de layout na página Sites e toque em + e selecione o Formulário AEM para SPA componente.
No painel Navegador de componentes , arraste e solte o Formulário AEM para 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 contêiner de componente.
Não há suporte para a renderização de vários componentes do Contêiner do AEM Forms SPA em uma página. Você pode ter vários contêineres de 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 AEM Forms SPA Container incorporado na página Sites e toque em na barra de ações. O Editar contêiner do AEM Forms SPA será aberta.
No Editar contêiner do 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: Navegue e selecione o formulário adaptável ou Comunicação interativa a ser incorporado. O campo será preenchido automaticamente se um formulário adaptável ou uma 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 de 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 para salvar as configurações. O formulário adaptável ou a Comunicação interativa agora é 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 Contêiner do AEM Forms. Portanto, todas as configurações e propriedades, como tema, estilos e ação de envio, configuradas no formulário adaptável original e Comunicação interativa são mantidas no formulário adaptável incorporado e Comunicação interativa.
Para modificar qualquer configuração ou propriedade do formulário adaptável incorporado e da Comunicação interativa, execute um dos procedimentos a seguir.
Lembre-se dos seguintes pontos ao incorporar formulários adaptáveis em páginas de sites AEM: