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 «Caixas de seleção»

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

Este artigo explica as várias configurações disponíveis para um «Componente de Caixas de Seleção» no Corfix. Um componente de Caixas de Seleção permite aos utilizadores escolher várias opções a partir de uma lista predefinida.

Onde o encontrar

No seu Corfix Form Builder, clique num componente «Select Boxes» 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 o componente «Caixas de seleção» é apresentado ao utilizador.

  • Rótulo:

    • Este é o título principal do seu grupo de caixas de seleção que os utilizadores irão ver. É um campo obrigatório.

    • Exemplo: «Selecione as suas preferências», «Certificações detidas», «Itens incluídos».

  • Posição do rótulo:

    • Determina onde o rótulo principal é apresentado em relação ao grupo de opções (por exemplo, em cima, à esquerda, à direita, em baixo).

    • Predefinição: Topo.

  • Posição do rótulo das opções:

    • Controla a posição em que os rótulos das opções individuais aparecem em relação às respetivas caixas de seleção (por exemplo, à direita, à esquerda).

    • Predefinição: Direita.

  • Descrição:

    • Fornece texto explicativo adicional para o componente, normalmente apresentado abaixo do rótulo principal.

    • Exemplo: «Assinale todas as opções aplicáveis.»

  • Dica de ferramenta:

    • Texto que aparece quando o utilizador passa o cursor do rato sobre o componente. Útil para fornecer ajuda rápida ou contexto.

  • Classe CSS personalizada:

    • Permite que utilizadores avançados apliquem estilos personalizados ao componente utilizando classes CSS.

  • Disposição em linha:

    • Se esta opção estiver marcada, as opções serão apresentadas horizontalmente (lado a lado) em vez de verticalmente (uma abaixo da outra).

  • Ocultar rótulo:

    • Se esta opção estiver marcada, o rótulo principal do componente 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 (quais as opções que foram selecionadas) serão incluídos nos relatórios.

2. Separador «Dados»

O separador «Dados» é onde define as opções efetivamente disponíveis para o utilizador neste componente.

  • Valor predefinido:

    • Permite-lhe pré-selecionar uma ou mais opções quando o formulário for carregado. Os utilizadores podem alterar estas seleções.

  • Valores:

    • Trata-se de uma tabela onde define cada opção individual da caixa de seleção.

      • Sinalizador: (Funcionalidade não imediatamente clara na captura de ecrã, provavelmente para uso interno ou funcionalidades avançadas, como ícones).

      • Rótulo: O texto visível que aparece ao lado da caixa de seleção para cada opção (por exemplo, «Opção A», «Vermelho», «Opção B»).

      • Valor: O valor de dados efetivo que será guardado quando esta opção específica for marcada. Este é um campo obrigatório. É frequentemente recomendável definir o Valor como uma versão simplificada e legível por máquina do Rótulo (por exemplo, Rótulo «Opção A» -> Valor «optionA»).

      • Adicionar outra: Clique neste botão para adicionar mais opções à sua lista.

3. Separador «Validação»

O separador «Validação» define regras para garantir que as seleções do utilizador cumprem requisitos específicos.

  • Obrigatório:

    • Se esta opção estiver marcada, o utilizador deve selecionar pelo menos uma opção da lista antes de enviar o formulário.

  • Número mínimo de opções selecionadas:

    • O número mínimo de opções que o utilizador deve selecionar.

  • Número máximo de opções selecionadas:

    • O número máximo de opções que o utilizador pode selecionar.

  • Mensagem de erro relativa ao número mínimo de opções selecionadas:

    • Mensagem de erro personalizada apresentada caso a regra «Número mínimo de opções selecionadas» seja violada.

  • Mensagem de erro relativa ao número máximo de opções selecionadas:

    • Mensagem de erro personalizada apresentada caso a regra «Número máximo de opções selecionadas» seja violada.

4. Separador «Condicional»

O separador «Condicional» permite-lhe definir regras que determinam quando todo este componente «Caixas de Seleção» deve ser exibido 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 «Selecione os seus ingredientes preferidos» só seja apresentado quando a caixa de seleção «Encomendar pizza?» estiver marcada.

Painel de Pré-visualização

A área de pré-visualização, no lado direito da caixa de diálogo, mostra-lhe como as «Caixas de seleção» irão aparecer visualmente no seu formulário. À medida que define opções no separador «Dados» ou ajusta outras definições de visualização, verá essas alterações refletidas imediatamente.

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

  • Guardar: Guarda todas as alterações efetuadas nas definições do componente «Caixas de seleção».

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

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

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

  • Rótulo principal claro: Atribua a todo o grupo de opções um rótulo claro e simples (por exemplo, «Métodos de contacto preferidos»).

  • Rótulos e valores significativos para as opções: Certifique-se de que cada opção individual tenha um «Rótulo» claro para o utilizador e um «Valor» conciso para o armazenamento de dados (por exemplo, Rótulo «Notificações por e-mail», Valor «email_notify»).

  • Utilização para seleções múltiplas: Este componente destina-se a permitir que os utilizadores selecionem mais do que uma opção de uma lista. Se apenas for permitida uma opção, utilize, em vez disso, um componente «Botão de opção» ou «Selecionar (menu suspenso)».

  • Definir seleções mínimas/máximas (validação): Se houver um requisito quanto ao número de opções que os utilizadores devem ou podem selecionar, utilize «Número mínimo de opções selecionadas» e «Número máximo de opções selecionadas» para garantir a qualidade dos dados.

  • Exibição condicional por relevância: Oculte todo o grupo de caixas de seleção até que seja necessário, tornando o seu formulário mais organizado e de mais fácil navegação.