Criação de modelos de formulário para formulários HTML5

O componente Formulários HTML5 no AEM oferece a renderização do modelo de formulário XFA para o formato HTML5. Os designers de formulários podem criar modelos de formulário usando Forms Designer e use o recurso de representação HTML5. Esses modelos de formulário, juntamente com seus ativos, podem residir em AEM repositório, sistema de arquivos ou expostos via http. No entanto, se você planeja gerenciar seus formulários usando o Forms Manager, os modelos e ativos devem residir no repositório AEM.

Embora os formulários de HTML5 correspondam ao comportamento dos PDF forms, há alguns recursos em ambos os formatos que não se aplicam ao outro formato. Por exemplo, a forma como os códigos de barras são aplicados em um formulário PDF no Adobe Reader varia de um formulário móvel ou como um formulário é assinado digitalmente também varia de acordo com os formatos. Para obter mais informações sobre essas variações, consulte Diferenciação de recursos entre formulários HTML5 e PDF forms.

Para obter recursos comuns do XFA, consulte as práticas recomendadas e diretrizes a seguir para projetar um formulário que funcione em ambos os formatos.

Práticas recomendadas

A maioria das etapas para criar um modelo de formulário, como vínculos de esquema ou escrever lógica de formulário, são as mesmas. No entanto, devido a diferenças inerentes entre renderização e mecanismo de script de um cliente espesso, como o Adobe Reader e formulários baseados em navegador, há algumas recomendações descritas no relatório práticas recomendadas artigo 10. o Essas práticas recomendadas ajudam você a projetar modelos de formulário para funcionar conforme esperado em ambos os formatos.

Recursos no AEM Forms Designer para HTML5 Forms

Visualizar HTML

A guia Visualizar HTML é adicionada no modo Design para que os designers de formulários visualizem formulários no formato HTML5 durante o processo de design. Para obter mais informações sobre como habilitar e configurar esse recurso no AEM Forms Designer, consulte Visualizar HTML.

Assinatura

O alvo principal para formulários do HTML5 é dispositivos de toque. Portanto, um novo controle de assinatura de rabisco é adicionado no AEM Forms Designer. Você pode clicar ou arrastar e soltar o controle de assinatura de rabisco no modelo de formulário e configurá-lo. Ele é renderizado como um campo de rabisco na representação do HTML5 e pode ser usado para rabiscar a assinatura em dispositivos de toque. Em máquinas de desktop, ele pode ser usado como um campo de rabisco usando o controle do mouse. Para obter mais informações sobre como usar esse recurso, consulte Campo de rabisco XFA.

4

Formato de texto formatado

É possível converter um campo de texto em um campo de rich text. Ele adiciona uma lista de opções de formatação ao campo de texto. Para converter, abra o Forms Designer, toque no campo de texto em Visualização de projeto. No Campo guia , selecione Texto formatado do Formato de campo lista suspensa. Agora, quando o formulário XFA é renderizado como um Formulário HTML5, o campo é renderizado como um campo Rich Text. Toque Maximizar para exibir opções adicionais de formatação.

Nesta página