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 de menu suspenso

Este artigo irá resumir como utilizar o menu suspenso no «Template Builder».

Este artigo resume as várias configurações disponíveis para um «Componente de menu suspenso» no Corfix. Um componente de menu suspenso (também conhecido como «Selecionar» ou «Lista suspensa») permite aos utilizadores selecionar uma única opção de uma lista predefinida.

Onde o encontrar

No seu Corfix Form Builder, clique num componente de lista suspensa para aceder ao painel de configuração. Verá quatro separadores:

  • Exibição

  • Dados

  • Validação

  • Condicional

1. Separador «Exibição»

O separador «Exibição» controla a forma como o componente «Lista suspensa» é apresentado ao utilizador.

  • Rótulo:

    • Este é o título principal da sua lista suspensa que os utilizadores irão ver. É um campo obrigatório.

    • Exemplo: «Selecione a sua função», «Escolha um departamento», «Cor preferida».

  • Posição do rótulo:

    • Determina onde o rótulo principal é apresentado em relação ao menu suspenso (por exemplo, em cima, à esquerda, à direita, em baixo).

    • Predefinição: Topo.

  • Tipo de widget:

    • Especifica o elemento HTML subjacente ou o método de renderização para o menu suspenso. «HTML 5» é um elemento web padrão.

  • Texto de preenchimento:

    • Texto que aparece no interior do campo do menu suspenso antes de o utilizador efetuar uma seleção. Serve frequentemente como instrução.

    • Exemplo: «Selecione uma opção...» ou «Escolha a partir da lista».

  • Descrição:

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

    • Exemplo: «Por favor, selecione a categoria mais relevante para o seu pedido.»

  • 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.

  • Ocultar etiqueta:

    • 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 a lista de opções disponíveis para o utilizador neste menu suspenso.

  • Tipo de fonte de dados:

    • Determina a origem da lista de opções. «Valores» significa que irá introduzi-los manualmente. Outras opções podem incluir a obtenção a partir de uma API ou de outro componente.

  • Valor predefinido:

    • A opção que está pré-selecionada quando o formulário é carregado. Os utilizadores podem alterar esta seleção.

  • Valores da fonte de dados:

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

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

      • Rótulo: O texto visível que aparece na lista suspensa 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 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.

  • Ativar pesquisa estática:

    • Se marcada, permite que os utilizadores digitem no campo suspenso para pesquisar e filtrar rapidamente as opções disponíveis, o que é especialmente útil para listas longas.

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 esta opção estiver marcada, 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 este componente de menu suspenso 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 o menu suspenso «Software preferido» só seja apresentado quando a caixa de seleção «É um programador?» estiver marcada.

Painel de Pré-visualização

O painel de pré-visualização, no lado direito da caixa de diálogo, mostra-lhe como o «menu suspenso» irá aparecer visualmente no seu formulário. À medida que define opções no separador «Dados» ou ajusta definições de visualização, como o «Rótulo», 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 de lista suspensa.

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

  • Remover: Elimina o componente «Drop Down» do formulário.

Boas práticas para o componente «Drop Down»:

  • Rótulo principal claro: Utilize um rótulo conciso que indique aos utilizadores o que estão a selecionar (por exemplo, «Selecionar função», «Nível de prioridade»).

  • Opções significativas: Certifique-se de que cada opção do menu suspenso tenha um «Rótulo» claro para o utilizador e um «Valor» útil para o armazenamento de dados.

  • Utilize para escolha única: Este componente é mais adequado quando os utilizadores só podem escolher uma opção de uma lista. Para escolhas múltiplas, utilize «Caixas de seleção».

  • Torne as seleções essenciais obrigatórias: Se uma escolha do menu suspenso for obrigatória, assinale a caixa «Obrigatório» no separador «Validação».

  • Ative a pesquisa para listas longas: Se o seu menu suspenso tiver muitas opções (por exemplo, mais de 10 a 15), ative a «Pesquisa estática» para ajudar os utilizadores a encontrar a sua escolha mais rapidamente.