Lista Checkbox Dropdown no Lexin

🎯 Objetivo

Neste artigo, você aprenderá como configurar e utilizar a nova funcionalidade de Dropdown para Listas de Múltipla Escolha no Lexin e no questionário. Essa melhoria permite otimizar o espaço visual em formulários complexos, facilitando o preenchimento de listas com muitas opções.

Este artigo contém as seções:

• O que é a funcionalidade?
• Como configurar no Lexin
• Interação no Questionário
• Regras de Negócio e Opções Especiais

• Dúvidas frequentes

💡 O que é a funcionalidade?

Anteriormente, ao configurar uma lista de múltipla escolha, o sistema forçava a exibição de todos os itens na tela, o que gerava poluição visual e formulários excessivamente longos.

Com a nova atualização, é possível habilitar o formato Dropdown para listas de múltiplos valores. Isso significa que as opções ficam ocultas em um menu suspenso e, ao serem selecionadas, aparecem consolidadas como Tags/Chips dentro do próprio campo, economizando espaço vertical crucial em questionários complexos.

🛠️ Como configurar no Lexin

Para habilitar esse formato em seu modelo, siga estes passos no Lexin:

1. Selecione o componente de lista (estática ou dinâmica).
2. No painel de propriedades, vá até a aba Resposta.
3. Marque a opção Selecionar Múltiplos Valores.
4. No campo "Apresentação da Lista", selecione a opção Lista de Opções (Dropdown).

Ao salvar o documento, o Lex-In gravará automaticamente as instruções necessárias para que a plataforma web renderize o componente corretamente.

🖱️ Interação no Questionário

A experiência de preenchimento foi desenhada para ser intuitiva e ágil:

• Seleção: Ao clicar no campo, o menu suspenso se abre. O usuário seleciona as opções desejadas, que aparecem instantaneamente como Tags.
• Permanência: O menu permanece aberto após cada clique para permitir seleções rápidas, fechando apenas ao clicar fora ou pressionar "Esc".
• Remoção: Para desmarcar uma opção, basta clicar no ícone "X" da Tag correspondente ou desmarcar o checkbox dentro da lista suspensa.

• Visualização: Caso existam muitas tags, o campo se expande verticalmente. Se o limite de espaço for excedido, o sistema exibirá um indicador (ex: +9) para manter a organização.

⚖️ Regras de Negócio e Opções Especiais

O componente suporta comportamentos avançados para garantir a integridade dos dados:

• Selecionar Todos: Localizado de forma fixa no topo, seleciona instantaneamente todos os itens disponíveis.
• Não Aplicável: Se selecionado, limpa todas as seleções anteriores e marca a pergunta como respondida para fins de obrigatoriedade.
• Outro: Se configurado, permite a entrada de texto dinâmico caso a opção desejada não esteja na lista.

• Valores Padrão: Caso o modelo já possua valores pré-definidos (comando lista()), o campo iniciará com as tags correspondentes já carregadas.

❓ Dúvidas frequentes

1. As opções selecionadas somem da lista suspensa? Não. Elas permanecem visíveis, mas acompanhadas de um checkbox marcado para indicar o estado de seleção atual. 
    
2. Existe limite de caracteres para as tags? Sim, há um limite sugerido de 360 caracteres somando todas as tags no container para garantir a performance e usabilidade. Tags com textos muito longos serão truncadas, exibindo o conteúdo completo via tooltip.