Pular para o conteúdo
Português
Entrar
  • Não há sugestões porque o campo de pesquisa está em branco.

Corfix Form Builder: Utilização do componente «Caixa de seleção»

Este artigo irá resumir como utilizar o componente «Caixa de seleção» no Template Builder.

O componente «Caixa de seleção» é utilizado para seleções únicas do tipo «sim/não» ou «ativado/desativado».

Onde o encontrar

No seu Corfix Form Builder, clique num componente de caixa de seleção 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 a caixa de seleção é apresentada ao utilizador.

  • Rótulo:

    • Este é o texto visível junto à caixa de seleção que os utilizadores irão ver. É um campo obrigatório.

    • Exemplo: «Concordo com os termos», «Concluído», «Está ativo?».

  • Largura do rótulo:

    • Controla a largura do rótulo ao lado da caixa de seleção, em percentagem.

  • Margem do rótulo:

    • Controla o espaço entre o rótulo e a caixa de seleção, em percentagem.

  • Descrição:

    • Fornece texto explicativo adicional para a caixa de seleção, normalmente apresentado abaixo desta.

    • Exemplo: «Assinale esta caixa para confirmar que compreendeu.»

  • Dica de ferramenta:

    • Texto que aparece quando o utilizador passa o cursor do rato sobre a caixa de seleção. Útil para fornecer ajuda rápida ou contexto.

  • Classe CSS personalizada:

    • Permite que os utilizadores avançados apliquem estilos personalizados à caixa de seleção utilizando classes CSS.

  • Ocultar rótulo:

    • Se marcada, a etiqueta da caixa de seleção não será exibida (apenas a própria caixa).

  • 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 (marcado/não marcado) serão incluídos nos relatórios.

2. Separador «Dados»

 

O separador «Dados» gere as propriedades dos dados subjacentes à caixa de seleção.

  • Valor predefinido:

    • Se estiver marcada, a caixa de seleção estará pré-selecionada quando o formulário for carregado. Os utilizadores podem desmarcá-la.

3. Separador «Validação»

 

O separador «Validação» define as regras para a caixa de seleção.

  • Obrigatório:

    • Se marcada, o utilizador deve interagir com a caixa de seleção. Normalmente, isto significa que a caixa de seleção deve estar marcada para que o formulário seja enviado, especialmente no caso de caixas de seleção do tipo «aceitação».

4. Separador «Condicional»

 

O separador «Condicional» permite-lhe definir regras para determinar quando este componente de caixa de seleção 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 caixa de seleção «Concordo com a Política de Privacidade» só seja apresentada quando o utilizador selecionar um país específico noutro campo.

Janela 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 «Caixa de seleção».

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

  • Remover: Elimina o componente «Caixa de seleção» do formulário.

Boas práticas para o componente «Caixa de seleção»:

  • Rótulos claros e orientados para a ação: Utilize rótulos que indiquem claramente o que o utilizador está a aceitar ou a confirmar (por exemplo, «Esta tarefa está concluída?», «Receber atualizações por e-mail»).

  • Utilize para escolhas binárias: As caixas de seleção são ideais para decisões simples do tipo sim/não, verdadeiro/falso ou ativado/desativado. Não as utilize para opções de escolha múltipla em que apenas uma pode ser selecionada (utilize botões de opção ou o campo de seleção para esse efeito).

  • Defina o «Valor por predefinição» com sensatez: só deve pré-marcar o «Valor por predefinição» se a grande maioria dos utilizadores selecionar essa opção ou se se tratar de uma escolha «opt-in» não crítica. Evite pré-marcar em acordos legais.

  • Torne as caixas de seleção de «Aceitação» obrigatórias: se uma caixa de seleção indicar a aceitação de termos, políticas ou confirmação, defina-a como «Obrigatória» no separador «Validação».

  • Aproveite a lógica condicional: oculte as caixas de seleção até que sejam diretamente relevantes com base noutras seleções no formulário, de modo a otimizar a experiência do utilizador.