Ao projetar um formulário no AEM Forms Designer, além de visualizar a execução em PDF de um formulário, também é possível pré-visualização uma execução em HTML5 dele. Você pode usar a guia HTML Pré-visualização para pré-visualização de um formulário como ele apareceria em um navegador.
Para permitir que o Designer gere pré-visualizações HTML de formulários XDP, execute as seguintes configurações:
Vá para https://[server]:[port]/system/console/configMgr
no AEM Forms em execução no OSGi ou
https://[server]:[port]/lc/system/console/configMgr
no AEM Forms executando em JEE.
Localize e clique na configuração Apache Sling Authentication Service para abri-la no modo de edição.
Dependendo de você estar executando o AEM Forms em OSGi ou JEE, adicione o seguinte no campo Requisitos de autenticação:
AEM Forms no JEE
AEM Forms no OSGi
Não copie e cole o valor especificado no campo Requisitos de autenticação, pois ele pode corromper os caracteres especiais no valor. Em vez disso, digite o valor especificado no campo.
Especifique um nome de usuário e senha nos campos Nome de usuário anônimo e Senha de usuário anônima, respectivamente. As credenciais especificadas são usadas para lidar com autenticação anônima e permitir acesso a usuários anônimos.
Clique em Salvar para salvar a configuração.
O modo protegido está ativado, por padrão. Mantenha-o ativado para os ambientes de produção. Você pode desativá-lo para um ambiente de desenvolvimento para a pré-visualização do Forms HTML5 no Designer. Execute as seguintes etapas para desativá-la:
Efetue login no AEM Web Console como um administrador.
https://[server]:[port]/system/console/configMgr
https://[server]:[port]/lc/system/console/configMgr
Abra Configurações do Forms móvel para edição.
Desmarque a opção Modo Protegido e clique em Salvar.
No Designer, vá para Ferramentas > Opções.
Na janela Opções, selecione a página Opções do Servidor, forneça os seguintes detalhes e clique em OK.
URL do servidor: URL do servidor AEM Forms.
Número da porta HTTP: AEM porta do servidor. O valor padrão é 4502.
Contexto de Pré-visualização HTML: Caminho do perfil para renderizar formulários XFA. Os perfis padrão a seguir são usados para pré-visualização do formulário no Designer. No entanto, também é possível especificar um caminho para um perfil personalizado.
/content/xfaforms/profiles/default.html
(AEM Forms no OSGi)/lc/content/xfaforms/profiles/default.html
(AEM Forms em JEE)Contexto do Forms Manager: caminho de contexto no qual a interface do usuário do Forms Manager é implantada. Os valores padrão são:
/aem/forms
(AEM Forms no OSGi)/lc/forms
(AEM Forms em JEE)Observação: verifique se o servidor AEM Forms está funcionando. A pré-visualização HTML se conecta ao servidor CRX para gerar uma pré-visualização.
Opções do AEM Forms Designer
Para pré-visualização um formulário em HTML, clique na guia HTML de Pré-visualização.
Se a guia Pré-visualização HTML estiver fechada, pressione F4 para abrir a guia HTML Pré-visualização. Você também pode selecionar HTML de Pré-visualização no menu Visualização para abrir a guia HTML de Pré-visualização.
A pré-visualização HTML não suporta documentos PDF, a pré-visualização HTML é somente para documentos XDP.
O Designer permite visualizar e testar o formulário usando dados XML de amostra. É recomendável testar frequentemente o formulário com dados de amostra para garantir que o formulário seja renderizado de forma correta.
Se não houver dados de amostra, o Designer poderá criá-los ou você mesmo poderá criá-los. (Consulte Para gerar automaticamente os dados de amostra para visualizar um formulário e Para criar dados de amostra para visualizar um formulário.)
Testar seu formulário usando uma fonte de dados de amostra garante que os dados e campos sejam mapeados e que os subformulários repetitivos se repetem conforme o esperado. Você pode criar um layout equilibrado de formulário que proporciona o espaço adequado para que cada objeto apresente os dados unidos.
Selecione Arquivo > Propriedades do formulário.
Clique na guia Pré-visualização e, na caixa Arquivo de dados, digite o caminho completo para o arquivo de dados de teste. Você também pode usar o botão Procurar para navegar até o arquivo.
Clique em OK. Na próxima vez que você pré-visualização o formulário na guia HTML de Pré-visualização, os valores de dados do arquivo XML de amostra aparecerão nos respectivos objetos.
No AEM Forms, você pode pré-visualização formulários e documentos em um repositório. A pré-visualização ajuda a saber exatamente como os formulários se parecem e se comportam conforme serão usados pelos usuários finais.