Corfix Form Builder: Utilização do componente de e-mail.

Este componente foi especificamente concebido para recolher endereços de e-mail e inclui uma validação integrada do formato de e-mail.

Onde o encontrar

No seu Corfix Form Builder, clique num Componente de E-mail para aceder ao painel de configuração. Irá ver quatro separadores:

• Exibição

• Dados

• Validação

• Condicional

1. Separador «Exibição»

O separador «Exibição» controla a forma como o Componente de E-mail é apresentado ao utilizador.

• Rótulo:

  • Este é o nome visível do seu campo de e-mail que os utilizadores irão ver. É um campo obrigatório.

  • Exemplo: «Endereço de e-mail», «E-mail de contacto», «E-mail do utilizador».

• Posição do rótulo:

  • Determina onde o rótulo é apresentado em relação à caixa de introdução de e-mail (por exemplo, em cima, à esquerda, à direita, em baixo).

  • Predefinição: Topo.

• Texto de preenchimento:

  • Texto que aparece no interior do campo de introdução antes de o utilizador escrever qualquer coisa. Trata-se de uma sugestão para o utilizador sobre o que deve introduzir.

  • Exemplo: «john.doe@example.com».

• Descrição:

  • Fornece texto explicativo adicional para o campo, normalmente apresentado abaixo da caixa de introdução.

  • Exemplo: «Por favor, introduza o seu endereço de e-mail principal para efeitos de comunicação.»

• Dica de ferramenta:

  • Texto que aparece quando o utilizador passa o cursor do rato sobre o campo. Útil para fornecer ajuda rápida ou contexto.

• Prefixo:

  • Texto que aparece antes do campo de introdução. (Menos comum em campos de e-mail).

• Sufixo:

  • Texto que aparece após o campo de introdução. (Menos comum em campos de e-mail).

• Classe CSS personalizada:

  • Permite que os utilizadores avançados apliquem estilos personalizados ao componente utilizando classes CSS.

• Preenchimento automático:

  • Controla o comportamento de preenchimento automático do navegador (por exemplo, «ativado» ou «desativado»). No caso do e-mail, a opção «ativado» é normalmente útil.

  • Predefinição: «ativado».

• Ocultar rótulo:

  • Se esta opção estiver marcada, o rótulo do campo de e-mail não será apresentado.

• Permitir verificação ortográfica:

  • Se marcada, ativa a verificação ortográfica para o campo de e-mail (dependente do navegador).

• Edição modal:

  • (Os detalhes não estão totalmente visíveis na captura de ecrã, mas, normalmente, referem-se à edição numa janela modal pop-up).

• Incluir no relatório:

  • Se esta opção estiver marcada, os dados deste campo serão incluídos nos relatórios.

2. Separador «Dados»

O separador «Dados» gere as propriedades dos dados subjacentes ao campo de e-mail.

• Valores múltiplos:

  • Se esta opção estiver marcada, permite ao utilizador introduzir vários endereços de e-mail neste campo (por exemplo, uma lista de destinatários).

• Valor por predefinição:

  • O endereço de e-mail preenchido automaticamente que aparece no campo de introdução quando o formulário é carregado. Os utilizadores podem substituir este valor.

3. Separador «Validação»

O separador «Validação» define regras para garantir que os dados introduzidos pelo utilizador têm um formato de e-mail válido e cumprem critérios específicos de comprimento.

• Obrigatório:

  • Se esta opção estiver marcada, o utilizador deve introduzir um endereço de e-mail neste campo antes de enviar o formulário.

• Comprimento mínimo:

  • O número mínimo de caracteres permitido no campo de e-mail.

• Comprimento máximo:

  • O número máximo de caracteres permitido no campo de e-mail.

4. Separador «Condicional»

O separador «Condicional» permite-lhe definir regras para determinar quando este componente de e-mail deve ser apresentado ou ocultado, com base nos valores de outros componentes do formulário.

• Simples:

  • Trata-se normalmente de um botão de alternância ou de um menu suspenso para selecionar entre a lógica condicional simples e a avançada.

• Este componente deve «Mostrar»:

  • Escolha se o componente deve «Mostrar» ou «Ocultar» (opções implícitas) com base na condição.

• Quando o componente do formulário:

  • Selecione outro componente no seu formulário cujo valor irá acionar a condição.

• Tiver o valor:

  • Especifique o valor exato que o componente do formulário selecionado deve ter para que a condição seja cumprida.

  Exemplo: Pode configurar uma regra para que o campo «E-mail secundário» só seja apresentado quando a caixa de seleção «Tem um e-mail secundário?» estiver marcada.

Painel de Pré-visualização

O Painel de Pré-visualização, no lado direito da caixa de diálogo, mostra-lhe como o campo de introdução «E-mail» irá aparecer visualmente no seu formulário. À medida que ajusta definições como o Rótulo, o Texto de preenchimento ou o Prefixo/Sufixo, verá essas alterações refletidas imediatamente.

Ações na parte inferior da caixa de diálogo:

• Guardar: Guarda todas as alterações efetuadas nas definições do Componente de E-mail.

• Cancelar: descarta quaisquer alterações não guardadas e fecha a caixa de diálogo.

• Remover: Elimina o componente «E-mail» do formulário.

Boas práticas para o componente «E-mail»:

• Rótulo claro: Utilize um rótulo simples, como «Endereço de e-mail» ou «E-mail de contacto».

• Forneça um exemplo de preenchimento: Utilize o «Preenchimento» (por exemplo, «name@example.com») para mostrar o formato esperado.

• Torne-o obrigatório para comunicação: Se um endereço de e-mail for essencial para acompanhamento ou criação de conta, assinale sempre a caixa «Obrigatório».

• Ative a opção «Vários» se necessário: Se os utilizadores precisarem de fornecer mais do que um endereço de e-mail (por exemplo, para notificações), marque a opção «Vários valores».

• Utilize a exibição condicional: Apresente o campo de e-mail apenas quando for logicamente relevante (por exemplo, mostre «E-mail de contacto de emergência» se a opção «Contacto de emergência» estiver marcada).