Criação de modelos de formulário para formulários HTML5 designing-form-templates-for-html-forms

O componente de formulários HTML5 no AEM pode renderizar o 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 no repositório AEM, no sistema de arquivos ou ser expostos via http. No entanto, se você planeja gerenciar seus formulários usando o Forms Manager, os modelos e os ativos devem residir no repositório AEM.

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

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

Práticas recomendadas best-practices

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

Recursos no AEM Forms Designer para HTML5 Forms capabilities-in-aem-forms-designer-for-html-forms

Visualizar HTML preview-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 escrita scribble-signature

O principal público-alvo para formulários HTML5 são os 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 HTML5 e pode ser usado para rabiscar a assinatura em dispositivos de toque. Em computadores 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 Rich Text rich-text-format

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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2