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

  1. Baixe e extraia o conteúdo do arquivo zip. O arquivo zip contém xdp e arquivo de dados
  2. Navegue até Forms e Documentos
  3. Clique em Criar -> Upload de arquivo
  4. 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
NOTE
Ao selecionar Visualizar como PDF opção o PDF renderizado não será exibido no navegador porque o AEM Forms renderiza pdf dinâmicos que exigem o plug-in do Acrobat.Você terá que baixar o PDF e abri-lo usando o Adobe Acrobat/Reader para visualizar

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.

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e