Uso da Assinatura Escrita em formulários HTML5

Os formulários HTML5 são cada vez mais usados em dispositivos de toque, e um requisito comum é o suporte a assinaturas. Escrever (com uma caneta ou um dedo) está se tornando uma maneira aceita de assinar formulários em dispositivos móveis. Os formulários HTML5 e o Forms Designer agora permitem a opção de ter um campo de assinatura de rabisco no formulário. Quando o formulário é renderizado no navegador, é possível assinar esses campos usando uma caneta, um mouse ou um toque.

Como criar um formulário usando o campo Assinatura Escrita

1. Abra um formulário no Forms Designer.

2. Arraste e solte o campo Rabisco de assinatura na página.

   

   OBSERVAÇÃO

   Os Dimension do campo selecionado no Forms Designer são refletidos quando o campo é renderizado. No entanto, a dimensão da caixa de assinatura renderizada é calculada com base na proporção do campo, e não na dimensão especificada no Forms Designer.

3. Configure o campo Assinatura Escrita.

   O campo Assinatura fixa, por padrão, marca as informações de geolocalização como obrigatórias durante o processo de assinatura no iPad (e é opcional para outros dispositivos). Esse comportamento padrão pode ser substituído pela alteração do valor de geoLocMandatoryOnIpad propriedade. Essa propriedade é exposta como extras no Campo de rabisco de assinatura. As etapas para modificá-lo são:

   1. No formulário, selecione o campo Assinatura Escrita.

   2. Selecione o Origem XML guia.

      OBSERVAÇÃO

      Para abrir a guia Origem XML, clique em Exibir > Origem XML.

   3. Localize o <ui> na guia <field> marque e modifique o código-fonte para que ele tenha a seguinte aparência:

      <extras name="x-scribble-add-on">
      <boolean name="geoLocMandatoryOnIpad">0</boolean>
      </extras>
      

   4. Selecione o Modo Design guia. Na caixa de confirmação, clique em Sim.

   5. Salve o formulário.

4. Renderize o formulário em um navegador de dispositivo/desktop compatível.

Interface com as assinaturas escritas

Assinatura

Depois que um campo Rabiscar de assinatura é adicionado ao formulário e renderizado, clicar ou tocar no campo abre uma caixa de diálogo. O usuário pode rabiscar uma assinatura na área de desenho designada por um retângulo pontilhado, usando um mouse, dedo ou caneta.

A. Pincel B. Borracha C Localização geográfica D. Informações de geolocalização

Marcação geográfica

Clicar no ícone de localização geográfica ao criar o rabisco faz com que as informações de localização geográfica e hora sejam incorporadas ao campo.

No iPad, o ícone de geolocalização não é exibido por padrão e as informações de geolocalização são incorporadas automaticamente ao clicar OK.

Para iPads, essa configuração pode ser alterada modificando o valor de geoLocManadatoryOnIpad parâmetro para 0, nos parâmetros iniciais do campo.

• Quando as informações de geolocalização são obrigatórias, o usuário recebe uma área de desenho reduzida. O texto de geolocalização é adicionado quando o usuário clica OK ícone na área restante.
• Em outros casos, o usuário é apresentado com uma área desenhável completa. Se o usuário optar por incorporar informações de geolocalização, essa área será redimensionada para acomodar o texto de geolocalização.

Limpar uma assinatura

Ao usar esse recurso, um usuário pode clicar no link Borracha ícone para limpar o campo e começar novamente. Se as informações de geolocalização tiverem sido adicionadas, elas também serão apagadas.

Como salvar uma assinatura

Clicar no OK ícone salva o rabisco como uma imagem no campo. A imagem e os valores podem ser enviados ao servidor para processamento adicional. Depois que o usuário clicar em OK, o campo de rabisco está bloqueado. A assinatura não pode ser editada novamente usando o widget de rabisco.

Tocar ou clicar no campo Rabiscar abre a caixa de diálogo no modo somente leitura.

Selecionar o tamanho da Caneta

Clique em Pincéis ícone para exibir uma lista de tamanhos de caneta disponíveis. Clique ou toque em um tamanho de caneta para usar a caneta correspondente.

Excluir assinaturas do formulário

Para excluir as assinaturas do formulário:

• (Dispositivos móveis) Pressione o campo de assinatura e, na caixa de diálogo de confirmação, toque em Sim.
• (Desktop) Passe o mouse sobre o campo de assinatura, clique no botão Cancelar e, na caixa de diálogo de confirmação, clique em Sim.