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

O componente «Número» permite aos clientes do Corfix introduzir números nos formulários do Corfix. Uma característica especial deste campo é que, em dispositivos móveis, abre o teclado numérico em vez do teclado normal

Base de Conhecimento do Corfix: Definições do Componente Numérico

Este guia explica as várias definições disponíveis para um «Componente Numérico» no Corfix, conforme ilustrado nas imagens fornecidas.

Ao adicionar ou editar um Componente Numérico, irá ver uma caixa de diálogo com quatro separadores principais: Apresentação, Dados, Validação e Condicional.

1. Separador «Exibição»

O separador «Exibição» controla a forma como o campo de introdução de números é apresentado ao utilizador.

• Rótulo:

  • Este é o nome visível do seu campo numérico que os utilizadores irão ver. É um campo obrigatório.

  • Exemplo: «Quantidade», «ID do Colaborador», «Temperatura».

• Posição do rótulo:

  • Determina onde o rótulo é apresentado em relação à caixa de introdução de números (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 tipo de número que deve introduzir.

  • Exemplo: «Introduza um número entre 1 e 100».

• Descrição:

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

  • Exemplo: «Por favor, introduza o número total de horas trabalhadas.»

• 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 ou símbolo que aparece antes do campo de introdução de dados, frequentemente utilizado para símbolos monetários ou unidades de medida.

  • Exemplo: «$», «€», «N.º».

• Sufixo:

  • Texto ou símbolo que aparece após o campo de introdução de dados, frequentemente utilizado para unidades de medida.

  • Exemplo: «kg», «lbs», «cm», «°C».

• Classe CSS personalizada:

  • Permite que os utilizadores avançados apliquem estilos personalizados ao campo numérico utilizando classes CSS.

• Preenchimento automático:

  • Controla o comportamento de preenchimento automático do navegador (por exemplo, «ativado» ou «desativado»).

  • Predefinição: «ativado».

• Ocultar rótulo:

  • Se esta opção estiver marcada, o rótulo do campo numérico não será apresentado.

• 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 numérico.

• Valores múltiplos:

  • Se esta opção estiver marcada, permite ao utilizador introduzir vários valores numéricos neste campo (por exemplo, uma lista de pontuações).

• Valor predefinido:

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

  • Exemplo: Para um campo «Quantidade», poderá definir o valor predefinido como «1».

• Utilizar separador de milhares:

  • Se esta opção estiver marcada, o número será apresentado com um separador de milhares (por exemplo, 1 000 000 em vez de 1000000).

• Casas decimais:

  • Especifica o número de casas decimais permitidas para a introdução do número.

  • Exemplo: Introduzir «2» permitiria números como «10,50».

• Exigir valor decimal:

  • Se esta opção estiver marcada, o utilizador será obrigado a introduzir um valor decimal.

3. Separador «Validação»

O separador «Validação» define regras para garantir que os dados numéricos introduzidos pelo utilizador são válidos e cumprem critérios específicos.

• Obrigatório:

  • Se esta opção estiver marcada, o utilizador terá de introduzir um valor neste campo antes de enviar o formulário.

• Valor mínimo:

  • O valor numérico mais baixo permitido neste campo. Se o utilizador introduzir um número inferior a este valor, ocorrerá um erro.

  • Exemplo: Para «Idade», poderá definir o valor mínimo como «18».

• Valor máximo:

  • O maior valor numérico permitido neste campo. Se o utilizador introduzir um número superior a este valor, ocorrerá um erro.

  • Exemplo: Para «Pontuação», poderá definir o valor máximo como «100».

4. Separador «Condicional»

O separador «Condicional» permite-lhe definir regras para determinar quando este componente numérico 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 lógica condicional simples e 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 (ou intervalo/condição, dependendo do contexto) que o componente do formulário selecionado deve ter para que o componente numérico seja exibido ou ocultado.

  Exemplo: Pode configurar uma regra para que o campo numérico «Valor do Desconto» só seja apresentado quando a caixa de seleção «Aplicar Desconto?» estiver marcada (ou seja, tiver o valor «verdadeiro»).

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

• Guardar: Guarda todas as alterações efetuadas nas definições do componente numérico.

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

• Remover: Elimina o componente numérico do formulário.

Área de pré-visualização

A área de pré-visualização apresenta uma representação visual em tempo real da forma como o seu campo de texto irá aparecer no formulário. As alterações a definições como «Rótulo», «Placeholder», «Prefixo» ou «Sufixo» são imediatamente refletidas aqui.

Boas práticas

• Utilize rótulos claros: torne os nomes dos seus campos simples e fáceis de compreender (por exemplo, «Nome completo» em vez de «Entrada 1»).

• Forneça dicas (textos de preenchimento/descrição): utilize o texto de preenchimento para exemplos (como «example@email.com») e a descrição para instruções breves.

• Indique os campos obrigatórios: assinale sempre a opção «Obrigatório» para as informações que têm de ser preenchidas obrigatoriamente.

• Mostre os campos apenas quando necessário (condicional): oculte os campos até que sejam relevantes, como mostrar «Outros detalhes» apenas se a opção «Outros» for selecionada noutro local.

• Adicione texto fixo (prefixo/sufixo): Utilize prefixos ou sufixos para unidades (por exemplo, «cm») ou partes fixas de códigos (por exemplo, «ID-»).