Custom Dropdowns | Bubble.io Tutorial

Поділитися
Вставка
  • Опубліковано 25 гру 2024

КОМЕНТАРІ • 56

  • @thassiopaganucci
    @thassiopaganucci 2 роки тому +5

    I'm from Brazil and this is the first video I watched from you. It was great. The video quality is wonderful. You explain everything in a very good way, with a lot of peace and calm witch make it easier for us to understand and follow. Thank you, I'm really glad that you post it. Cheers from Brazil!

  • @cuttheace6407
    @cuttheace6407 2 роки тому +2

    I don't know how to say THANK YOU enough for this.

  • @deivideg13br
    @deivideg13br Рік тому

    Wow I love the way you lead your videos... It's the best!
    I'm watching from Salvador city, state of Bahia, country Brazil.
    So you know the reach of your content.
    Thank you for your help and keep transforming people like us.

  • @АртемКоретников-ъ9к

    Thanks for your videos. I needed to make a drop-down list and your video showed this possibility. However, I encountered some problems, which I found another way to make a drop-down list. So, the method you proposed has several limitations:
    1. Using group focus does not allow you to make the width of the input itself flexible, because the size of the group focus is fixed (or the entire width of the page, which also usually does not correspond to the width of the dropdown field)
    2. When using a drop-down list, I need the dropdown field to turn into an input field and as text is entered, the list of options shrinks. This also works in the group focus option, BUT: if you try to click inside this input field, the drop-down list will close, because the click occurs outside the Group Focus.
    Therefore, for myself, I settled on the option of organizing the drop-down list in the form of a regular repeating group. It is hidden by default and appears if an input inside a dropdown field has focus OR if a repeating group is pressed. In this case, the list appears only when you click on the dropdown field and disappears if you click anywhere else. And the condition “a repeating group is visible if the repeating group is pressed” is necessary for the workflow to perceive a click on a row of a repeating group.
    I'm still very new to learning Bubble and maybe I just haven't found a more elegant way to do what I need with Group Focus.
    p.s. Sorry for my English, it's not my native language.

  • @UrbanSurferSouthAfrica-rf8yu
    @UrbanSurferSouthAfrica-rf8yu 11 місяців тому

    Awesome! Thank you. From South Africa with love.💌

  • @GunKaraka
    @GunKaraka 4 роки тому +2

    Good stuff Greg. Way better than the default dropdown which for some reason has no padding! Appreciate it!

  • @chrisjewitt7666
    @chrisjewitt7666 4 роки тому +2

    Nice tutorial, good pace and well explained. Thanks!

  • @65sheli
    @65sheli 2 роки тому

    Thank you for the great video! it's your calm voice and the way you explain things that make the big difference between you and the others. Learned a lot from your channel.

  • @sbmasonator
    @sbmasonator 3 роки тому

    Man! Pretty much EVERY ONE of your videos are super-helpful!!!

  • @niltonmedeiros9313
    @niltonmedeiros9313 2 роки тому

    It is a pity that I don't understand and speak English. Your courses are great and your teaching is wonderful.

  • @eugenek777
    @eugenek777 4 роки тому +3

    Very cool, so it is possible to create drop-down with images!

  • @FerSotoL
    @FerSotoL 10 місяців тому

    thank you this is gold

  • @sarah_esteve
    @sarah_esteve 3 роки тому

    very nice tutorial. Helps me a lot to make prettiest dropdowns

  • @fabio73821
    @fabio73821 Рік тому +1

    I wanted to do this inside of a repeating group, but I'm having issues with attaching the GroupFocus to the Group Dropdown, just because it is inside of the repeating group. Any idea on how to solve this?

  • @Jmfcristo
    @Jmfcristo 3 роки тому +1

    very cool, thanks

  • @tabu6875
    @tabu6875 3 роки тому

    Just what I needed! thanks!!!

  • @TevvvB
    @TevvvB Рік тому

    Love the simplicity in your tutorials, is it possible to combine this search process with fuzzy

  • @shantanukeshewad3339
    @shantanukeshewad3339 10 місяців тому

    Again Thanks 🎉❤

  • @jonathas6128
    @jonathas6128 22 дні тому

    Here's a video that would be cool on how to make a dropdown that changes color with each selected item

  • @oribleicher8666
    @oribleicher8666 3 місяці тому

    Weird Bug - Hi Greg, thanks for this! - when I implemented this on my table, if the group focus is opened and I scroll down the table the flouting group goes outside the table borders - have you encountered this problem?

  • @desynchronisatio
    @desynchronisatio 11 місяців тому

    many thanks !

  • @rayinbc
    @rayinbc 3 роки тому

    Thanks for the video Greg - very nicely done. I found that this doesn't work when adding to an element in a popup group. The focus wants to attach to the page below. Is there a way to make sure it attaches to the element above the main page?
    Thank you

  • @fjph8826
    @fjph8826 4 роки тому +1

    Nice tutorial, how would you add the option to revert your selection back to a select all state? Should you add an option for "All" outside of the options repeating with clears the custom state?

    • @Buildcamp
      @Buildcamp  4 роки тому +8

      Set a conditional on the down arrow so that it changes to an 'X' when 'demo's team is not empty' - then we can click on the X and set state to demos team again but this time keep the value blank.

  • @michaelcaporale6065
    @michaelcaporale6065 4 роки тому +1

    I'm thinking there's a bug with toggle now? I've gotten to the 4:40 mark and can show the group focus on click, but if I click the dropdown again it just flickers back on, rather than closing or "toggling." Anyone else experiencing this?

    • @Buildcamp
      @Buildcamp  4 роки тому

      This is a Bubble quirk. What you can do is create a conditional to show the group focus when its hidden and hide it when it's visible.

    • @domonkostamasnemeth642
      @domonkostamasnemeth642 3 роки тому

      @@Buildcamp how do you do that? I see no option to set visibility in the Conditionals of the GroupFocus

  • @odranoelgomes
    @odranoelgomes 3 роки тому

    Good night my friend.
    I would like that when loading the page, the filter already starts in Rh for example, how?

  • @ankitaagrawal2631
    @ankitaagrawal2631 4 роки тому

    Thanks a lot. Very nicely explained. I have a question over here. I have a problem. I have a button or dropdown on a page. When I click on it, I want to go to another page and display some information only for that selected value. How can I do it ?

    • @Buildcamp
      @Buildcamp  4 роки тому

      Create a page that has a 'Type of content' for instance 'user'. Use a button in a repeating group to send user data to that page via the 'go to page' workflow step. You'll be sending that user record to the page. A good use case is viewing someone else's profile page.

  • @self_start22
    @self_start22 Рік тому

    Here data is rendering from database or it's hiding the data from rendered data.

  • @silvioadriancastrosuriano8471
    @silvioadriancastrosuriano8471 4 роки тому

    Hello.. a very good tip... !! I have one question, This method will use more resources of the "standard" dropdown feature provided natively? I'm asking regarding the usage in a larger multipage application. Thanks

    • @Buildcamp
      @Buildcamp  4 роки тому +1

      States are set at page level in the browser so the resource is client side. It won't affect performance at all.

  • @LuizHenriqueEng.
    @LuizHenriqueEng. 3 роки тому +2

    I repeated the entire process. However, on the first click the element is shown, but on the second click the element does not hide, it just blinks quickly, it seems that it becomes invisible and visible very quickly, making this technique inefficient, as once visible it is no longer possible hide.

  • @AlexanderHaseldine
    @AlexanderHaseldine 7 місяців тому

    Nice and informative. I feel conflicted about the sound of your mouse though. It's nice but also annoying because I want the click sounds.

  • @666222333111
    @666222333111 3 роки тому

    Damn i had an issue with aligning text on drop down plugins.. but this seems to be the way to do it. bit of a work around but yeah if it works!

  • @eugenek777
    @eugenek777 3 роки тому

    is that real to add one inside the repeating group?

  • @michaelellis1352
    @michaelellis1352 Рік тому

    Can someone help me understand how to make the items in the drop down limited to the items in the users Team list? I have a list of items data type under team at present and its showing all the teams for all the users regardless of it they are on this list or not.

  • @scorpicum
    @scorpicum 4 роки тому

    How can I use in this custom dropdown value in Search for? Before I use dropdown (not custom dropdown) and use it in Search For database, now I cannot use. How can solved it problem? What way? Thank you.

  • @adeilsoncosta
    @adeilsoncosta 3 роки тому

    hi, very good!

  • @Henrydddddaix
    @Henrydddddaix 4 роки тому

    Hi Gregory John, I use you udemy amazing video. I have different bugs in my app. im scratching my head if its bubble or me. 1 - i have [Checkdates ]. that open at the end of the page. not under the build-in "inputs forms".
    2 - when im a new user. trying to sign in to my app. in the email box its full of other user emails. which is definitely a bug. what should I do?

  • @kevindouchez7020
    @kevindouchez7020 3 роки тому

    Hello and thanks for this tutorial! Has anyone managed to make the group focus responsive by any chance?

  • @Yeaahbrah
    @Yeaahbrah 3 роки тому

    Hey guys, quick one, is it possible to select multiple options using this method. For example, selecting Marketing and Brand, rather than just one?

    • @robinbeaudru6892
      @robinbeaudru6892 3 роки тому

      You could probably make the Custom State a list of Teams (following this exemple) and add multiple "Teams" to the custom state when these are clicked into group focus's repeating group. Then constrain the repeating group to show Teams merging the list of Teams from custom state.

  • @Scuurpro
    @Scuurpro 3 роки тому

    I have a repeating group of items. Some of them have different Brands. I use the Unique elements feature to only get One Brand of each item. This is so I can create a filtered dropdown. To do this I have to make the Type of content I text. From Type of Content text I cannot get it to filter to My products Brands.

  • @GauravKabra
    @GauravKabra 2 роки тому

    Hi Greg, can you please help me with how to create a dropdown with the list of users. Bubble wont let me pull the list form User table.

    • @Buildcamp
      @Buildcamp  2 роки тому

      Sounds like privacy rules preventing you from seeing other users data.

  • @Yotrek
    @Yotrek 4 роки тому

    Can custom drop downs be further customized with custom HTML tags, as shown in your HTML chip video?

    • @Buildcamp
      @Buildcamp  4 роки тому

      Yes totally. Put the HTML in a group and make the group clickable to show the focus-group dropdown. You can also display your RG options by placing the html in the RG cell - though the options will all be styled the same.

  • @Arthass123
    @Arthass123 Рік тому

    is useful becaus I can't set the data without a source

  • @LuizHenriqueEng.
    @LuizHenriqueEng. 3 роки тому +1

    I repeated the entire process. However, on the first click the element is shown, but on the second click the element does not hide, it just blinks quickly, it seems that it becomes invisible and visible very quickly, making this technique inefficient, as once visible it is no longer possible hide.

    • @sandovanderhelm6159
      @sandovanderhelm6159 3 роки тому

      got the same issue here

    • @LuizHenriqueEng.
      @LuizHenriqueEng. 3 роки тому

      @@sandovanderhelm6159 a bubble engineer on the forum explained that they removed this function shown in the video. He says that if he wants the same effect the user should use the "show" and "hide" elements function. But the toggle option was much better... Sad. Because so far I haven't been able to do the same effect as toggle did.