Quando você está criando um formulário personalizado, muitas vezes precisa que o usuário escolha opções dentro de uma lista pré-definida, garantindo que as respostas fiquem padronizadas e fáceis de analisar depois. Para isso, utilizamos os campos de Seleção Única e Seleção Múltipla.
Neste artigo, você vai aprender a:
🚀 Definir a origem dos dados da sua lista.
🔘 Configurar os layouts para Seleção Única (Dropdown, Radio, Botões).
☑️ Configurar os layouts para Seleção Múltipla (Dropdown, Checkbox).
🌳 Utilizar o recurso avançado de Checkbox Hierárquico (Exclusivo Ocorrências).
🧱 Como Funciona na Prática
Ao adicionar um campo do tipo "Seleção Única" ou "Seleção Múltipla" no seu formulário, o sistema abrirá configurações específicas para você montar a sua lista.
1. Origem dos Dados 📊
O primeiro passo é dizer ao sistema de onde ele vai puxar as opções que o usuário poderá escolher. Você tem três caminhos:
-
Lista Personalizada: É a opção mais comum. Você mesmo cadastra manualmente os itens da lista, um por um.
-
Lista de Usuários: O exibe automaticamente os usuários cadastrados no sistema
-
Lista Externa: Utilizada para integrar listas dinâmicas ja cadastradas
2. Layouts de Seleção Única 🔘
Neste tipo de campo, o usuário é obrigado a escolher apenas uma alternativa. Você pode apresentar essas opções de três formas visuais:
-
Dropdown: Cria uma lista suspensa. É o formato ideal quando você tem muitas opções (ex: lista de estados ou setores), pois economiza espaço na tela.
-
Radio: Exibe todas as opções na tela com uma "bolinha" de marcação ao lado. É ótimo para listas curtas (ex: Sim / Não), pois o usuário vê todas as opções de uma vez.
-
Buttons (Botões): Transforma cada opção em um botão clicável, deixando o formulário com um visual mais moderno e ágil para o clique.
3. Layouts de Seleção Múltipla ☑️
Aqui, o usuário tem a liberdade de marcar várias opções ao mesmo tempo. Os formatos visuais básicos são:
-
Dropdown: Uma lista suspensa, mas que permite ticar várias opções dentro dela.
-
Checkbox: Exibe as opções na tela com quadradinhos ao lado para o usuário ir marcando.
🌳 O Checkbox Hierárquico (Recurso Avançado)
Se você tiver uma lista muito extensa e precisar dividi-la em categorias e subcategorias, o Checkbox Hierárquico é a solução. Ele permite criar uma árvore de opções (ex: Nível 1 > Nível 1.1), facilitando muito o preenchimento.
⚠️ Atenção: Atualmente, este recurso é exclusivo para o módulo de Ocorrências.
Como habilitar e configurar:
-
Ao cadastrar o campo, na seleção de Módulos, marque obrigatoriamente apenas o módulo Ocorrências. Se selecionar outros módulos junto, o recurso não aparecerá.
-
No cadastro de um campo , escolha Seleção Múltipla e selecione o layout Checkbox hierárquico.
-
A origem dos dados deve ser, obrigatoriamente, uma Lista Personalizada.
-
Para criar a sua árvore, utilize o campo "Adicionar Item" para níveis macro e "Adicionar subitem" para níveis micro.
Configurações Específicas do Checkbox Hierárquico: Ao selecionar este layout, o sistema libera opções extras para você refinar o controle:
-
Permitir seleção apenas no último nível: Impede que o usuário marque categorias "Pai". Ele será forçado a selecionar apenas as subcategorias mais específicas.
-
Disponibilizar busca: Ativa o ícone de lupa 🔎 para que o usuário localize opções rapidamente digitando termos-chave.
-
Aplicar limite de seleção: Permite definir quantas opções o usuário pode selecionar ao todo no campo.
Usabilidade no dia a dia: Quando o usuário for preencher a ocorrência, a experiência será muito intuitiva:
-
Busca Inteligente: Ele pode digitar um termo (ex: "falha elétrica"). O sistema abrirá a árvore e destacará o termo em negrito.
-
Seleção em Cascata: Se ele marcar uma categoria "Pai" (o nível mais alto), todos os itens dentro dela serão marcados.
-
Indicador Visual: Se ele marcar apenas um item dentro de uma subcategoria, a categoria principal ficará com um traço (parcialmente preenchida) para indicar que há algo selecionado ali dentro.
Integração com o Análises: Ao exportar os dados para relatórios no módulo Análises, a hierarquia é mantida. O relatório mostrará o caminho completo selecionado (ex: Nível 1 > Nível 1.1), separado por vírgulas, garantindo que o contexto do dado não se perca.
💡 Boas Práticas
-
🎯 Evite Dropdowns para listas de 2 ou 3 itens: Se a lista for muito curta, prefira usar o layout "Radio" ou "Botões". O usuário ganha tempo pois não precisa clicar para abrir a lista antes de escolher.
-
🧹 Mantenha a hierarquia limpa: Se for usar o Checkbox Hierárquico, evite criar árvores com muitos níveis de profundidade (mais de 4 ou 5). Isso pode confundir o usuário na hora de buscar a informação.