Corfix Form Builder: Utilização do componente «Campo de texto»
Este artigo irá resumir como utilizar o campo de texto no «Template Builder».
O componente «Campo de Texto» permite aos clientes do Corfix recolher entradas de texto abertas em formulários. É flexível, personalizável e suporta lógica condicional avançada.
Onde o encontrar
No seu Corfix Form Builder, clique num Componente de Campo 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»
Controla a forma como o campo é apresentado aos utilizadores.
| Opção | Descrição |
|---|---|
| Rótulo | Nome obrigatório para o campo (visível para os utilizadores). |
| Posição do rótulo | Escolha «Topo», «Esquerda», «Direita» ou «Fundo». |
| Texto de preenchimento | Texto de exemplo a cinzento dentro do campo de introdução. |
| Descrição | Apresentada por baixo do campo para fornecer contexto adicional. |
| Dica de ferramenta | Ícone de ajuda que aparece ao passar o cursor por cima. |
| Prefixo / Sufixo | Adiciona texto estático antes ou depois da entrada do utilizador. |
| Classe CSS personalizada | Para aplicar estilos através de CSS personalizado (utilização avançada). |
| Preenchimento automático | Ativa as sugestões de preenchimento automático do navegador. |
| Outras opções | Ocultar rótulo, Permitir verificação ortográfica, Edição modal, Reportável. |
2. Separador «Dados»
Controla a forma como os valores predefinidos e as entradas múltiplas são tratados.
| Opção | Descrição |
|---|---|
| Valores múltiplos | Permite respostas múltiplas no mesmo campo. |
| Valor por defeito | Preenche previamente o campo com uma resposta comum ou sugerida. |
3. Separador «Validação»
Ativa a validação de entradas. Pode:
-
Tornar o campo obrigatório
-
Definir comprimentos mínimo e máximo
-
Aplicar padrões de expressões regulares para regras de formatação
4. Separador «Condicional»
Utilizada para mostrar ou ocultar dinamicamente o campo de texto com base nas respostas noutras partes do formulário.
| Opção | Descrição |
|---|---|
| Este componente deve apresentar: | Escolha se o campo deve ser apresentado ou ocultado com base numa condição. |
| Quando o componente do formulário: | Selecione outro campo no formulário que irá funcionar como gatilho. |
| Tiver o valor: | Defina o valor específico que irá acionar a exibição ou ocultação do campo de texto. |
Exemplo de utilização:
Mostrar um campo denominado «Outra Operação» apenas se o menu suspenso «Tipo de Operação» estiver definido como «Outro».
Painel de pré-visualização
O painel no lado direito do editor apresenta uma pré-visualização em tempo real do seu campo, atualizando-se à medida que configura as definições.
Ações de gravação
-
Guardar – Aplica as alterações.
-
Cancelar – Anula as alterações.
-
Remover – Elimina o campo do seu formulário.
Boas práticas
-
Utilize espaços reservados e descrições para orientar os utilizadores.
-
Aproveite a lógica condicional para simplificar a experiência do utilizador.
-
Teste o seu formulário exaustivamente para confirmar que todas as condições funcionam conforme o esperado.