Corfix Form Builder: Utilização do componente «Área de texto»

O componente «Área de Texto» permite aos clientes do Corfix recolher entradas de texto abertas em formulários. A «Área de Texto» é utilizada para recolher entradas de texto mais longas, com várias linhas, dos utilizadores.

Onde o encontrar

No seu Corfix Form Builder, clique num componente «Área de Texto» para aceder ao painel de configuração. Irá ver quatro separadores:

• Exibição

• Dados

• Validação

• Condicional

Cada separador controla diferentes aspetos do comportamento do campo.

1. Separador «Exibição»

O separador «Exibição» controla a forma como a área de texto é apresentada ao utilizador.

• Rótulo:

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

  • Exemplo: «Comentários», «Descrição detalhada», «Ata da reunião».

• Posição do rótulo:

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

  • Predefinição: Topo.

• Texto de preenchimento:

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

  • Exemplo: «Introduza aqui o seu feedback detalhado.»

• Descrição:

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

  • Exemplo: «Por favor, forneça o máximo de detalhes possível sobre o problema.»

• Linhas:

  • Especifica a altura inicial visível da área de texto em linhas. Os utilizadores podem, normalmente, redimensioná-la se a opção «Expansão automática» não estiver ativada.

  • Predefinição: 3.

• 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 da área de texto.

• Sufixo:

  • Texto que aparece após a área de texto.

• Expansão automática:

  • Se esta opção estiver marcada, a área de texto aumentará automaticamente de altura à medida que o utilizador digitar mais conteúdo, eliminando a necessidade de uma barra de deslocamento.

• Classe CSS personalizada:

  • Permite que utilizadores avançados apliquem estilos personalizados à área de texto utilizando classes CSS.

• Preenchimento automático:

  • Controla o comportamento de autocompletar do navegador (por exemplo, «ativado» ou «desativado»).

  • Predefinição: «ativado».

• Ocultar rótulo:

  • Se esta opção estiver marcada, o rótulo da área de texto não será apresentado.

• Permitir verificação ortográfica:

  • Se marcada, ativa a verificação ortográfica para a área de texto (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 área de texto.

• Valores múltiplos:

  • Se esta opção estiver marcada, permite ao utilizador introduzir várias entradas de texto longo separadas para este campo.

• Valor por predefinição:

  • O texto preenchido automaticamente que aparece na área de texto 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 são válidos e cumprem critérios específicos para a introdução de texto longo.

• Obrigatório:

  • Se esta opção estiver marcada, o utilizador deve introduzir algum texto neste campo antes de enviar o formulário.

• Comprimento mínimo:

  • O número mínimo de caracteres permitido na área de texto.

• Comprimento máximo:

  • O número máximo de caracteres permitido na área de texto.

• Comprimento mínimo da palavra:

  • O número mínimo de caracteres que uma palavra deve ter na área de texto.

• Comprimento máximo da palavra:

  • O número máximo de caracteres que uma palavra pode ter na área de texto.

4. Separador «Condicional»

O separador «Condicional» permite-lhe definir regras para determinar quando este componente de área de texto 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 que o componente do formulário selecionado deve ter para que a condição seja cumprida.

  Exemplo: Pode configurar uma regra para que a área de texto «Notas adicionais» só seja apresentada quando a caixa de seleção «Necessita de mais explicações?» estiver marcada (ou seja, tiver o valor «verdadeiro»).

Painel de Pré-visualização

A área de pré-visualização, no lado direito da caixa de diálogo, mostra-lhe como a «Área de Texto» irá aparecer visualmente no seu formulário. À medida que ajusta definições como o Rótulo, o Texto de Preenchimento ou o número de Linhas, verá essas alterações refletidas em tempo real.

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

• Guardar: Guarda todas as alterações efetuadas nas definições do componente «Área de Texto».

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

• Remover: Elimina o componente «Área de Texto» do formulário.

Boas práticas para o componente «Área de texto»:

• Rótulo descritivo: Utilize sempre um rótulo claro que indique o tipo de texto extenso esperado (por exemplo, «Notas detalhadas», «Descrição do trabalho»).

• Definir Linhas Iniciais: Ajuste o parâmetro «Linhas» para proporcionar aos utilizadores espaço visível suficiente para a sua introdução de dados, sem tornar o formulário demasiado extenso inicialmente. 3 a 5 linhas é frequentemente um bom ponto de partida.

• Considere a «Expansão automática»: para campos em que o comprimento da entrada varia significativamente, selecionar «Expansão automática» proporciona uma melhor experiência do utilizador, evitando a necessidade de barras de deslocamento.

• Utilize a validação para garantir a qualidade: defina «Obrigatório» se o texto for essencial e considere «Comprimento mínimo» se for necessária uma quantidade substancial de detalhes.

• Exibição condicional: Apresente as áreas de texto apenas quando necessário (por exemplo, «Descrição do problema» só aparece se a opção «Problema detetado» estiver marcada).