Alguém pode me ensinar como criar um campo select com uma estrutura igual essa da imagem? Não conseguir encontrar na internet, se possível, disponibilize link de sites para estudos.
Campo select estruturado
- Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
- Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
- Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
- Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
- Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!
0 resposta
-
Bom dia, @Marcilio.
Segue link para te auxiliar na construção do select com groups:
https://developer.snapappointments.com/bootstrap-select/examples/ esse é o que eu sempre utilizo
http://thetheme.io/theadmin/form/picker-select.html
https://thdoan.github.io/bootstrap-select/examples.html
https://freefrontend.com/css-select-boxes/
Caso queira dar mais uma pesquisada na internet pesquise pela tag optgroup.
Espero ter ajudado. Qualquer dúvida só entrar em contato.
Caso minha resposta tenha te ajudado, não esqueça de marcar como solução para ajudar os demais do forum.
Atenciosamente, Leonardo Fioretti.
-
Sabe me dizer se select com busca funciona no Fluig?
Pois estou tentando implementar a busca num campo do formulário, mas não está funcionando.
— Marcilio Eloi da Silva 14 de Jan de 2019 -
Você gostaria de preencher o select de acordo com um campo do formulário, é isso?
— Leonardo Fioretti 14 de Jan de 2019 -
Não, vou ter um campo com uma lista de serviços, e é um pouco grande essa lista, gostaria de fazer esse campo select com um recurso de busca, já vi exemplos, mas no Fluig não estou conseguindo implementar o data-live-search="true"
— Marcilio Eloi da Silva 14 de Jan de 2019 -
Nunca vi essa utilização. Desculpe não conseguir te ajudar. No lugar do Select, o Zoom não funcionaria no seu caso?
— Leonardo Fioretti 14 de Jan de 2019 -
No primeiro link que me mandou tem um exemplo dele, chama live search, mas não estou conseguindo implementar, acho que não funciona no Fluig, o zoom é uma possibilidade, mas gostaria que, quando a pessoa fosse escolher um serviço, abrisse um pop-up ou modal na tela mostrando todos os serviços, daí ele teria a opção de descer a barra de rolagem na lateral, ou pesquisa na caixa de pesquisa.
— Marcilio Eloi da Silva 14 de Jan de 2019
-
Vale ressaltar que esse exemplo que você postou é de uma versão antiga de customização bootstrap. Caso queira procurar igual vai precisar procurar nas documentações mais antigas.
— Leonardo Fioretti 11 de Jan de 2019