Ao criar um formulário no AEM Forms Designer, além de visualizar a representação em PDF de um formulário, também é possível visualizar uma representação em HTML. Você pode usar o Visualizar HTML para visualizar um formulário da forma que apareceria em um navegador.
Para permitir que o Designer gere a pré-visualização de HTML de formulários XDP, execute as seguintes configurações:
Ir para https://'[server]:[port]'/system/console/configMgr
no AEM Forms executado no OSGi ou
https://'[server]:[port]'/lc/system/console/configMgr
no AEM Forms em execução no JEE.
Localize e clique em Serviço de autenticação Apache Sling configuração para abri-lo no modo de edição.
Dependendo de você estar executando o AEM Forms no OSGi ou no JEE, adicione o seguinte no Requisitos de autenticação campo:
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 no Nome de usuário anônimo e Senha de usuário anônimo campos, respectivamente. As credenciais especificadas são usadas para manipular a autenticação anônima e permitir acesso a usuários anônimos.
Clique em Salvar para salvar a configuração.
A variável modo protegido está ativado, por padrão. Mantenha-o ativado para os ambientes de produção. Você pode desativá-lo para que um ambiente de desenvolvimento pré-visualize o HTML5 Forms no designer. Execute as seguintes etapas para desativá-la:
Faça logon no AEM Web Console como administrador.
https://'[server]:[port]'/system/console/configMgr
https://'[server]:[port]'/lc/system/console/configMgr
Abertura Configurações do Forms Mobile para edição.
Desmarque a opção Modo protegido e clique em Salvar.
No Designer, acesse Ferramentas > Opções.
Na janela Opções, selecione Opções de servidor forneça os seguintes detalhes e clique em OK.
URL do servidor: URL do servidor do AEM Forms.
Número da porta HTTP: Porta do servidor AEM. O valor padrão é 4502.
Contexto de visualização do HTML: Caminho do perfil para renderização de formulários XFA. Os perfis padrão a seguir são usados para visualizar o formulário no Designer. Entretanto, também é possível especificar o caminho para um perfil personalizado.
/content/xfaforms/profiles/default.html
(AEM Forms no OSGi)
/lc/content/xfaforms/profiles/default.html
(AEM Forms no 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 no JEE)Verifique se o servidor do AEM Forms está ativo e em execução. A visualização do HTML se conecta ao servidor CRX para gerar uma visualização.
Opções do AEM Forms Designer
Para visualizar um formulário no HTML, clique no link Visualizar HTML guia.
Para testar a experiência real do usuário final, visualize seus formulários em navegadores externos (Google Chrome, Microsoft Edge, Mozilla Firefox e muito mais) também. Todo navegador usa um mecanismo separado para renderizar o HTML, de modo que pode haver algumas diferenças na maneira como um formulário é visualizado no Designer e no navegador externo.
O Designer permite visualizar e testar o formulário usando dados XML de amostra. É recomendável testar frequentemente seu formulário com dados de amostra para garantir que ele seja renderizado corretamente.
Se você não tiver dados de amostra, o Designer poderá criá-los ou você mesmo poderá criá-los. (Consulte Gerar automaticamente dados de amostra para pré-visualizar o formulário e Para criar dados de amostra para visualizar seu formulário.)
Testar o formulário usando uma fonte de dados de amostra garante que os dados e campos sejam mapeados e que os subformulários de repetição sejam repetidos conforme esperado. Você pode criar um layout de formulário equilibrado que forneça o espaço apropriado para cada objeto exibir os dados mesclados.
Selecionar Arquivo > Propriedades do formulário.
Clique em Visualizar 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ê visualizar o formulário no Visualizar HTML , os valores de dados do arquivo XML de amostra aparecerão nos respectivos objetos.
No AEM Forms, é possível visualizar formulários e documentos em um repositório. A Pré-visualização ajuda a saber exatamente como os formulários são exibidos e se comportam conforme serão usados pelos usuários finais.