Criar formulários HTML5
Os formulários HTML5 são um novo recurso no Adobe Experience Manager que oferece renderização de modelos de formulário XFA (xdp) no formato HTML5. Esse recurso permite a renderização de formulários em dispositivos móveis e navegadores de desktop nos quais o PDF baseado em XFA não é compatível. Os formulários HTML5 não só são compatíveis com os recursos existentes dos modelos de formulário XFA, como também adicionam novos recursos, como a assinatura à mão, para dispositivos móveis.
Pré-requisitos
Certifique-se de que você tenha uma instância em funcionamento do AEM Forms. Siga as instruções guia de instalação para instalar e configurar o AEM Forms
Crie seu primeiro formulário HTML5
- Baixe e extraia o conteúdo do arquivo zip. O arquivo zip contém xdp e arquivo de dados
- Navegue até Forms e Documentos
- Clique em Criar -> Upload de arquivo
- Selecione o modelo xdp baixado na etapa 2
Visualizar como HTML
O xdp pode ser visualizado no formato HTML5 ou PDF. Para visualizar o xdp no formato HTML5, siga as etapas a seguir
- Toque no xdp recém-carregado e clique em Visualizar -> Visualizar como HTML. Você deve ver o xdp renderizado como HTML5
Exibir com dados
Para visualizar o xdp no formato HTML5 com o arquivo de dados, siga as seguintes etapas:
- Toque no xdp recém-carregado e clique em Visualizar -> Visualizar com dados. Procure e selecione o arquivo de dados e clique em Visualizar.
- Você deve ver o modelo renderizado no formato HTML5 pré-preenchido com os dados
Explorar propriedades avançadas do modelo xdp
As propriedades avançadas do modelo xdp permitem especificar a data de publicação, o manipulador de envio, o perfil de renderização do formulário, o serviço de preenchimento prévio etc. Para exibir as propriedades avançadas do modelo, toque no xdp e clique em propriedades -> Avançado. Aqui você encontrará várias propriedades. Algumas dessas propriedades são abordadas aqui.
Enviar URL - Este é o URL que lidará com o envio do formulário HTML5. Abordaremos isso na próxima lição. Se uma URL de envio não for especificada aqui, o manipulador de envio padrão é chamado, o que retorna os dados do formulário para o navegador.
Perfil de renderização do HTML - Os formulários HTML5 têm a noção de Perfis que são expostos como Terminais REST para permitir a Renderização móvel dos Modelos de formulário. A maioria das vezes o perfil de renderização padrão deve ser suficiente para renderizar o formulário. Se o perfil de renderização padrão não atender às suas necessidades, uma perfil personalizado podem ser criados e associados ao formulário.
Preencher Serviço - O serviço de preenchimento prévio geralmente é usado para preencher seu formulário com dados obtidos de uma fonte de dados de back-end.