TUTORIAL BUBBLE.IO Como criar um Dropdown Personalizado

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ม.ค. 2025

ความคิดเห็น • 56

  • @metodo-triade6470
    @metodo-triade6470 3 ปีที่แล้ว +1

    Caracas... você já é referência para mim em criar sempre uma forma mais bonita e elegante nos elementos. Com certeza seguindo suas dicas o aplicativo terá um diferencial. Tenho uma sugestão: Por que não cria uma biblioteca e disponibiliza para a galera ou até vende? Semelhante aos elementos que o Renato disponibilizou para alguns elementos.

    • @MundoNoCode
      @MundoNoCode  3 ปีที่แล้ว

      Boa Alexandre! Irei fazer sim

  • @alipierre8174
    @alipierre8174 2 ปีที่แล้ว +1

    Bonjour
    Excellente présentation : simple et efficace.
    Merci beaucoup

  • @MundoNoCode
    @MundoNoCode  4 ปีที่แล้ว

    🔥🔥QUE TAL APRENDER A CRIAR APLICATIVOS WEB E MOBILE PROFISSIONAIS EM POUCAS SEMANAS! ACESSE O LINK ABAIXO E COMPRE AGORA MESMO O CURSO. ENTRE PARA A MAIOR COMUNIDADE DE CRIAÇÃO DE APPS NO CODE. COMPRE AGORA MESMO E TENHA ACESSO A MAIS DE 200 AULAS E SUPORTE VIP NA COMUNIDADE SEM CODAR.
    🔥🔥
    go.hotmart.com/P43980358W 🏃‍♂️

  • @McInfoline
    @McInfoline 4 ปีที่แล้ว +1

    Achei da hora , vou utilizar esse conceito para montar um menu dinâmico. Obrigado por compartilhar teu conhecimento.

  • @severinojoaquim
    @severinojoaquim 2 ปีที่แล้ว +1

    Excelente! Muito obrigado.

  • @jaguarconsultoriadigital8147
    @jaguarconsultoriadigital8147 4 ปีที่แล้ว +1

    Este vídeo você arrebentou, parabéns.

    • @MundoNoCode
      @MundoNoCode  4 ปีที่แล้ว

      Obrigado!! 👍🏽👊🏽

  • @alessandrovieira8075
    @alessandrovieira8075 4 ปีที่แล้ว +1

    Boa Gutemberg, top!

  • @agroscantaruti8552
    @agroscantaruti8552 4 ปีที่แล้ว +1

    Cara, demais sua aula. Quando puder faça uma aula de filtros de banco de dados. Como filtrar e trazer como resultado só produtos que tenham as mesmas caracteristicas. ex: sapatos, masculinos, pretos, tam. 40, social.

    • @MundoNoCode
      @MundoNoCode  4 ปีที่แล้ว +1

      Check! Coloquei na lista! 👍🏽👊🏽

  • @criptomoeda5686
    @criptomoeda5686 4 ปีที่แล้ว +1

    Ficou bacana.

  • @secunatutoriais2537
    @secunatutoriais2537 2 ปีที่แล้ว +1

    Parabens, muito criativo. Como criar drowpdown que pega de forma automática apenas valores únicos de uma coluna de base de dados.

    • @MundoNoCode
      @MundoNoCode  2 ปีที่แล้ว

      Vc pode colocar first item, last item e escolher o item em item #(numero da linha). Não sei se é exatamente isso q vc quer. Mas espero ter ajudado 👍🏽👊🏽

  • @Jonathasdesign
    @Jonathasdesign 5 หลายเดือนก่อน +1

    @mundo No-code queria saber se dá para mudar a cor do estado final do dropdown depois de ele ser selecionado

    • @MundoNoCode
      @MundoNoCode  5 หลายเดือนก่อน

      @@Jonathasdesign você pode criar um campo do tipo texto para cada item que estiver no dropdown. Cada item vai ter um título e uma cor (texto ex: #ffffff) põe uma condicional no dropdown quando tal item for selecionado muda a cor p cor desse item.

  • @severinojoaquim
    @severinojoaquim 2 ปีที่แล้ว +1

    Mundo No-Code, teria como você fazer um vúdeo nos ensinando a criar um dropdown dependente de outro? Já fiz algumas pesqusas, mas não há nada muito claro sobre. Muito obrigado!

    • @MundoNoCode
      @MundoNoCode  2 ปีที่แล้ว +1

      Boa Prof. Anotado aqui!

  • @deividborges5427
    @deividborges5427 4 ปีที่แล้ว +1

    Muito bom seus conteúdos. Que você possa trazer muito mais sobre o bubble.
    Minha dúvida foi só como você fez pra popular as imagens?

    • @MundoNoCode
      @MundoNoCode  4 ปีที่แล้ว

      Obrigado Deivid, vc cria um novo parâmetro no options set, tipo imagem .

  • @romuloloureiro1978
    @romuloloureiro1978 4 ปีที่แล้ว

    Faz um vídeo depois explicando como um Input pode gravar um resultado no final do dia no BD.

  • @Incendiar
    @Incendiar 4 ปีที่แล้ว +1

    Legal!!! Eu não consegui foi fazer com que o grupo Focus ficava desativado sem hovered. Tipo assim qdo eu sair dele ele tinha que sair TB!! Sem a necessidade de clicar fora dele!

    • @MundoNoCode
      @MundoNoCode  4 ปีที่แล้ว

      Assim que vc selecionar alguma opção da um hide

  • @lorenoross
    @lorenoross 3 ปีที่แล้ว +1

    Olá, Gutemberg! Realmente o input dropdown nativo do Blubbe não é lá essas coisas.. Mas o que você fez foi um menu, incapaz de inserir valor no banco de dados.. O que você deu como exemplo, no inicio do video, foi um input com as numerações, correto? E minha duvida é: Você tem uma solução para trabalhar o design dos inputs?

    • @MundoNoCode
      @MundoNoCode  3 ปีที่แล้ว

      O design dos inputs você acessa em styles. 👊🏽👍🏽

  • @Lachesis1987
    @Lachesis1987 ปีที่แล้ว +1

    É possível utilizar esse estilo para criar um menu? Por exemplo, cada item do group focus poder ser clicado e levar vc até uma página.

    • @MundoNoCode
      @MundoNoCode  ปีที่แล้ว

      Pode sim Márcio 👍🏽👊🏽👍🏽

  • @gabrielcoutinho2950
    @gabrielcoutinho2950 10 หลายเดือนก่อน

    Tem como puxar os itens de um dropdown com base em dados do banco de dados ?

  • @sidneicantaruti4547
    @sidneicantaruti4547 4 ปีที่แล้ว +1

    Mais uma vez parabéns pelo vídeo... Não entendi de onde vem as imagens para cada item. Se puder ajudar já agradeço.

    • @MundoNoCode
      @MundoNoCode  4 ปีที่แล้ว +1

      Fala Sidnei obrigado, vem lá do options set! Quando vc cria as categorias vc pode adicionar algum novo dado tipo imagem! 👍🏽 da uma olhada no momento em que to em options sets

  • @nilsonlautert7089
    @nilsonlautert7089 3 ปีที่แล้ว

    Olá boa tarde, tens como me dar uma ajuda, não estou conseguindo carregar a lista de produtos para um drop que fiz ?

  • @alexpinto959
    @alexpinto959 2 ปีที่แล้ว +1

    Parabéns pelo vídeo, muito bom o conteúdo, ao clicar no ícone da seta para baixo aparece o grupo com as descrição, agora eu gostaria de fazer a seta do ícone virar para cima depois que ela foi clicada, e com a seta para cima, eu clico e fecha o grupo que estava visível. Como faço?

    • @MundoNoCode
      @MundoNoCode  2 ปีที่แล้ว +1

      Dessa forma que você falou rsrrs. Quando o grupo estiver visível o ícone é um quando estiver invisível é outro. Poe em condicionais 👊🏽👍🏽

    • @alexpinto959
      @alexpinto959 2 ปีที่แล้ว

      Vou fazer, obrigado

  • @polsaque
    @polsaque 3 ปีที่แล้ว +1

    Boa tarde tufo bem?
    Parabéns pelo vídeo.
    Tenho uma dúvida quanto a filtro entre input e drop o qual queria digitar um valor no input e filtrar as informações que aparecerão no drop. Exemplo.
    Tenho um produto, porém esse produto só pode aparecer no drop se a informação no input quantidade for entre 4 a 8, outro produto de 1 a 10, outro de 6 a 20 assim por diante.
    Tenho um banco de dados produto onde já criei um campo quantidade só que estou digitando todos os números nele, de 4 a 8 estou digitando 4 5 6 7 8 pra filtrar no drop com a função contain. Está funcionando bem porém acho que seria melhor se desse pra fazer como "range", ao invés de digitar 4 5 6 7 8 ter 1 ou 2 campos onde digitaria 4 a 8 ou 4 em um campo e 8 no outro pra saber quais números terão que ser filtrados.
    Ou uma outra forma que vc conheça rs.
    Obrigado pela atenção.
    Abraço

    • @MundoNoCode
      @MundoNoCode  3 ปีที่แล้ว +1

      Acredito que uma solução melhor seria utilizar o slider Input para fazer esse filtro de valores. Lá você pode até selecionar o range 👍🏽👊🏽

    • @polsaque
      @polsaque 3 ปีที่แล้ว

      @@MundoNoCode legal... vou dar uma pesquisada nele pois é a primeira vez que vi isso rs. Muito obrigado pela atenção.

  • @geovanism6466
    @geovanism6466 2 ปีที่แล้ว +1

    Cara, gostei do seu tutorial, mas tenho um problema que não sei resolver e talvez vc pode me ajudar.
    No meu repeater group, tenho cidades repetidas e quando busco no dropdown , aprece as cidades repetidas ,mas como aparecer somente uma para selecionar??

    • @MundoNoCode
      @MundoNoCode  2 ปีที่แล้ว +1

      Utiliza o group by! 👊🏽👍🏽

  • @nilsonlautert7089
    @nilsonlautert7089 3 ปีที่แล้ว +1

    Como faço um drop dow com as opção dinamicas, ou seja leio uma tabela de produtos para carregar a lista ?

    • @MundoNoCode
      @MundoNoCode  3 ปีที่แล้ว

      Da mesma forma desse vídeo, só puxar a tabela que vc quer nos dados dinâmicos. No vídeo coloco option sets, mas vc pode colocar uma tabela dinâmica tb.

  • @jhonnyz7834
    @jhonnyz7834 2 ปีที่แล้ว +1

    Como posso fazer essa opção de selecionar o tamanho usando botões?

    • @MundoNoCode
      @MundoNoCode  2 ปีที่แล้ว

      Cria os tamanhos em alguma tabela ou no option sets

  • @pdaian
    @pdaian 3 ปีที่แล้ว +1

    Só uma pergunta, as imagens você armazenou onde?

    • @MundoNoCode
      @MundoNoCode  3 ปีที่แล้ว

      Tá no option sets 👍🏽👊🏽

    • @lucascristovam9273
      @lucascristovam9273 3 ปีที่แล้ว +1

      @@MundoNoCode Opa, estou com a mesma dúvida. Existe um campo 'Foto' no option set, mas no vídeo não consegui entender como foi feito o upload do arquivo.

    • @MundoNoCode
      @MundoNoCode  3 ปีที่แล้ว

      @@lucascristovam9273 no option sets eu criei um campo chamado foto para cada item. E populei ele lá mesmo veja no minuto 3:33 tem dois campos para cada item Display e foto
      th-cam.com/video/AS6aPINmvWo/w-d-xo.html

  • @auroramobile5787
    @auroramobile5787 4 ปีที่แล้ว +1

    O tenis flutuante é efeito do bubble ou algum gif ?

    • @MundoNoCode
      @MundoNoCode  4 ปีที่แล้ว

      Feito no bubble mesmo.

    • @auroramobile5787
      @auroramobile5787 4 ปีที่แล้ว

      @@MundoNoCode como faz professor ? XD

    • @MundoNoCode
      @MundoNoCode  4 ปีที่แล้ว +1

      Um efeito do bubble no elemento imagem. Call bounce com um tempo de 20000ms 👍🏽

  • @paulovictor6119
    @paulovictor6119 3 ปีที่แล้ว +1

    Como coloco os links para as páginas?

    • @MundoNoCode
      @MundoNoCode  3 ปีที่แล้ว

      No workflow vc vai colocar quando o Input mudar seu valor>navigate to> e fazer condicionais quando o valor for tal, navegar para link tal… mais

  • @LeoFreitasEditor
    @LeoFreitasEditor ปีที่แล้ว +1

    fotos eu cocolo como ?

    • @MundoNoCode
      @MundoNoCode  ปีที่แล้ว

      Você põe criando um campo do tipo imagem. Nessa fonte de dados