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

Corfix Form Builder: Utilização do componente de opção

Este artigo irá resumir como utilizar o Componente de Rádio no Template Builder.

Um componente de rádio (ou «botões de rádio») permite aos utilizadores selecionar apenas uma opção de uma lista predefinida.


Onde o encontrar

No seu Corfix Form Builder, clique num componente «Campo de Texto» 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 o componente «Botão de opção» é apresentado ao utilizador.

  • Rótulo:

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

    • Exemplo: «Método de comunicação preferido», «Sexo», «Tipo de serviço».

  • 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 aos respetivos botões de opçã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: «Selecione apenas uma opção.»

  • 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 os 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 (o valor da opção selecionada) 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 opção quando o formulário for carregado. Os utilizadores podem alterar esta seleção.

  • Valores:

    • Trata-se de uma tabela onde define cada opção individual dos botões de opção.

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

      • Rótulo: O texto visível que aparece ao lado do botão de opção para cada opção (por exemplo, «Sim», «Não», «Opção C»).

      • Valor: O valor de dados efetivo que será guardado quando esta opção específica for selecionada. 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 a seleção do utilizador cumpre requisitos específicos.

  • Obrigatório:

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


4. Separador «Condicional»

O separador «Condicional» permite-lhe definir regras que determinam quando todo este componente de botões de opçã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 os botões de opção «Precisa de uma refeição vegetariana?» só sejam apresentados quando a opção «Participar no jantar» estiver marcada.


Painel de Pré-visualização

O painel de pré-visualização, no lado direito da caixa de diálogo, mostra-lhe como os botões de opção «Rádio» irão aparecer visualmente no seu formulário. À medida que define opções no separador «Dados» ou ajusta as definições de visualização, estas alterações são refletidas imediatamente.


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

  • Guardar: Guarda todas as alterações efetuadas nas definições do componente de botões de opção.

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

  • Remover: Elimina o componente de botões de opção do formulário.


Boas práticas para o componente de botões de opção:

  • Utilize para escolha única: Os botões de rádio destinam-se especificamente a cenários em que os utilizadores têm de selecionar apenas uma opção de uma lista.

  • Etiquetas claras para as opções: Certifique-se de que cada opção do botão de rádio tenha uma etiqueta concisa e compreensível (por exemplo, «Sim», «Não», «Talvez»).

  • Defina um valor predefinido (se aplicável): Se existir uma escolha mais comum ou mais segura, considere definir um «Valor predefinido» para agilizar a introdução de dados pelo utilizador.

  • Torne-o obrigatório: Para decisões críticas em que a escolha é obrigatória, assinale «Obrigatório» no separador «Validação».

  • Exibição condicional: Oculte o grupo de botões de opção até que seja relevante para as entradas anteriores do utilizador, de modo a manter o formulário organizado.