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!
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.
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.
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?
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.
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?
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?
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.
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
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?
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.
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 ?
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.
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
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.
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?
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.
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.
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.
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.
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 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.
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!
I don't know how to say THANK YOU enough for this.
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.
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.
Good stuff Greg. Way better than the default dropdown which for some reason has no padding! Appreciate it!
Glad it was helpful!
Nice tutorial, good pace and well explained. Thanks!
Man! Pretty much EVERY ONE of your videos are super-helpful!!!
Awesome! Thank you. From South Africa with love.💌
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?
Better do it as reusable element
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.
It is a pity that I don't understand and speak English. Your courses are great and your teaching is wonderful.
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?
thank you this is gold
Here's a video that would be cool on how to make a dropdown that changes color with each selected item
Love the simplicity in your tutorials, is it possible to combine this search process with fuzzy
very nice tutorial. Helps me a lot to make prettiest dropdowns
Very cool, so it is possible to create drop-down with images!
yes
very cool, thanks
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?
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.
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
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?
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.
@@Buildcamp how do you do that? I see no option to set visibility in the Conditionals of the GroupFocus
Just what I needed! thanks!!!
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.
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 ?
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.
Again Thanks 🎉❤
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
States are set at page level in the browser so the resource is client side. It won't affect performance at all.
Good night my friend.
I would like that when loading the page, the filter already starts in Rh for example, how?
many thanks !
Here data is rendering from database or it's hiding the data from rendered data.
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.
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?
is that real to add one inside the repeating group?
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.
Hey guys, quick one, is it possible to select multiple options using this method. For example, selecting Marketing and Brand, rather than just one?
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.
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.
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!
Hello and thanks for this tutorial! Has anyone managed to make the group focus responsive by any chance?
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.
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.
Sounds like privacy rules preventing you from seeing other users data.
Can custom drop downs be further customized with custom HTML tags, as shown in your HTML chip video?
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.
is useful becaus I can't set the data without a source
hi, very good!
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.
got the same issue here
@@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.