Corfix Form Builder: Utilização do componente «Número de telefone»

Este componente foi especificamente concebido para recolher números de telefone e inclui frequentemente formatação automática.

Onde o encontrar

No seu Corfix Form Builder, clique num componente «Número de telefone» 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 «Número de telefone» é apresentado ao utilizador.

Rótulo:
- Este é o nome visível do seu campo de número de telefone que os utilizadores irão ver. É um campo obrigatório.
- Exemplo: «Número de telefone», «Telefone de contacto», «Telemóvel».
Posição do rótulo:
- Determina onde o rótulo é apresentado em relação à caixa de introdução do número de telefone (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. É uma sugestão para o utilizador sobre o que deve introduzir.
- Exemplo: «(123) 456-7890».
Descrição:
- Fornece texto explicativo adicional para o campo, normalmente apresentado abaixo da caixa de introdução.
- Exemplo: «Por favor, introduza o seu melhor número de contacto.»
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 (por exemplo, um código de país que é sempre o mesmo).
Sufixo:
- Texto que aparece após o campo de introdução (menos comum no caso de números de telefone).
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 dos números de telefone, a opção «ativado» é normalmente útil.
- Predefinição: «ativado».
Ocultar etiqueta:
- Se esta opção estiver marcada, o rótulo do campo do número de telefone não será apresentado.
Permitir verificação ortográfica:
- Se marcada, ativa a verificação ortográfica para o campo do número de telefone (dependente do navegador). (Nota: isto é frequentemente menos relevante para entradas de números estruturadas, mas pode ser aplicável se o campo permitir algum texto de formato livre).
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 do número de telefone.

Valores múltiplos:
- Se esta opção estiver marcada, permite ao utilizador introduzir vários números de telefone neste campo (por exemplo, uma lista de números de contacto).
Valor por predefinição:
- O número de telefone 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 cumprem requisitos específicos.

Obrigatório:
- Se esta opção estiver marcada, o utilizador deve introduzir um número de telefone neste campo antes de enviar o formulário.

4. Separador «Condicional»

O separador «Condicional» permite-lhe definir regras para determinar quando este componente «Número de Telefone» 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 «Número de telefone secundário» só seja apresentado quando a caixa de seleção «Fornecer contacto secundário?» estiver marcada.

Janela de pré-visualização

A área de pré-visualização, no lado direito da caixa de diálogo, mostra-lhe como o campo de introdução «Número de telefone» irá aparecer visualmente no seu formulário. Repare na formatação automática (por exemplo, (___) ___-____), que ajuda os utilizadores a introduzir números num formato padrão.

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

Guardar: Guarda todas as alterações efetuadas nas definições do Componente «Número de telefone».
Cancelar: Anula quaisquer alterações não guardadas e fecha a caixa de diálogo.
Remover: Elimina o Componente «Número de telefone» do formulário.

Boas práticas para o componente «Número de telefone»:

Rótulo claro: Utilize um rótulo simples, como «Número de telefone» ou «Telemóvel», para que os utilizadores saibam exatamente o que é esperado.
Considere a opção «Obrigatório»: Defina o campo do número de telefone como «Obrigatório» se for essencial para contacto ou verificação.
Permita vários valores, se necessário: Se os utilizadores precisarem de fornecer mais do que um número (por exemplo, de casa e telemóvel), selecione «Vários valores».
Utilize um espaço reservado para o formato: Mesmo com formatação automática, um espaço reservado como «(555) 123-4567» pode indicar claramente o estilo de introdução de dados esperado.
Exibição condicional: oculte os campos de número de telefone que não sejam imediatamente necessários, tornando o formulário mais organizado (por exemplo, mostre «Número de contacto alternativo» apenas se o utilizador indicar que possui um).