How to Use Custom States in Bubble.io

[@sovereign797]

You are a really good bubble tutorial creator. So much better than many others I have seen. Detail, pace, narration of what you are doing and explaining reasoning behind what you are doing are all so clear. Very well done.

[@BuildingWithBubble]

Always appreciate it 🙏 I remember how challenging it was for me to learn Bubble, so I try and explain things using terms even I could understand if I had to start from scratch.

[@friends.with.fishes]

I've watched so many tutorials on this subject and your video finally made it click! Thank you

[@BuildingWithBubble]

Glad it could help! Custom states were definitely a tough concept to grasp when I first started in Bubble. Once you understand a few basic concepts, you can quickly see how powerful they are 🙌

[@kevlc]

Hey! this is only to thank you for your videos . The content and pace while explaining is the best i've found here in youtube ,thanks for this type of content !

[@BuildingWithBubble]

My pleasure! I genuinely appreciate it

[@markdasihit6036]

For the second use case, can i use the "hide element" and "show element" workflow instead? Thank you for all that you do ❤

[@BuildingWithBubble]

Appreciate it! And great question. Yes, it'd be possible to use the hide/show element workflows, but if you have a menu with several options, it might become difficult to maintain all of the groups you need to hide.

[@markdasihit6036]

@@BuildingWithBubble thank you for clarifying that. I am grateful. I've been following your tutorials for a while now, and now I can hardly keep up with anyone else's. I've gotten so used to you. I'm looking forward to purchasing one of your paid courses soon. Thank you again

[@BuildingWithBubble]

@@markdasihit6036 Awesome to hear. I genuinely appreciate it 🙏

[@businessacc179]

Came here to ask this, thank you for beating me to it! And thanks to @buildingwithbubble for responding to new comments on older videos 👏🏻🙌🏻

[@arijitbhattacharjee7773]

Excellent tutoring skills....precise, clear and well paced..

[@BuildingWithBubble]

Really appreciate it Arijit 🙏 I try to spend too much time on unnecessary fluff

[@arijitbhattacharjee7773]

@@BuildingWithBubble This helped me sort out my problem in minutes, when I was running around in forums trying to find a solution... do you have something on drag and drop capability as well? I am in urgent need of some tips there

[@BuildingWithBubble]

@@arijitbhattacharjee7773 Awesome to hear 🙌 And unfortunately I don't at this point in time. It's already on my to-do list though!

[@rafebrena]

Great video! I first browsed the Bubble Academy videos, but found no clear explanation of the last use case (how to transfer info from the custom states to the database). Thanks!

[@BuildingWithBubble]

Glad this could help! Temporarily storing a list of data within a state is by far one of my most common use cases for custom states 👌

[@alex.marinez]

Now that flexbox is the default editor, how do you get the forms to move up once the other is collapsed like you did from 18:50 - 18:56? Have been learning a ton from all your vids, thanks!

[@BuildingWithBubble]

Great question! The process is much the same, even with the new Flexbox engine. Start by setting the page layout to be a column (stacking elements vertically ontop of each other). From here, you can add two groups ontop of one another. Like I mention in the tutorial, take the time to make both groups not visible when the page is loaded, then also select the 'collapse element when hidden' option. Now, build the states like I'd done within this tutorial. Let me know if this helps 👌

[@alex.marinez]

@@BuildingWithBubble Yes sir that was it, thank you! Also since I had the profile settings and business settings just as text fields they stacked after changing the page layout to column. Quick fix for anyone else that happens to is to add them to their own group above the forms so that you can return them to side by side like shown in the tutorial.

[@jelanithebuilder]

Great video, thank you

[@BuildingWithBubble]

Thanks ✌️

[@okohAustine-b8b]

hey sir.... i have een having a problem maintaining a state when a page is reloaded... i have a countdown timer on a tab.. but when a page is refreshed the timer starts all over again.. do you have any videos that provided solution to this ???

[@BuildingWithBubble]

Unfortunately, the downside to using custom states is that they automatically refresh when a user loads/reloads a page. If you need something to be persistently store a value, you should look at storing it as a field within your database.

[@WalkUsThrough]

I just love your videos! Do you have a video on how users can set their own default state eg dark or light mode? Thanks👍

[@BuildingWithBubble]

Thanks! And if you watch from 1:45 in this tutorial, I cover exactly how to do this: kzbin.info/www/bejne/lZzLf4ulbtd_o6M Hope it helps!

[@SaulBurgos]

I have a doubt. How can I save a "custom state" list of a "custom data type" into database? let me explain it. I have a custom state list called "my_hobbies", the type of this custom state is a "custom data type" that has the fields : "name, description, image, date". I have a form with all the fields with a button "save". what I want to do is: when the save button is clicked I want to add a new item to my custom state "my_hobbies". later when I have more than 5 items on my list.... I wan to saved this list on the database. I only see basic examples, using text type for the custom states. Do you have a video with that flow?

[@BuildingWithBubble]

Great question. If you have a state storing a list of "my_hobbies", it will only allow you to store a complete "hobby" that already exists - not create a new hobby on the fly. As an alternative, you could create 5 different custom states for each of the fields you'd like to store within each hobby (e.g. name, image, etc). Set the type of each state to be the same as the data field type in your database. e.g. name = text and image = image. When a user has added the information of 5 items, you could build a workflow to create a new "my_hobby" entry in your database. Here, you'll use the values stored in your custom state. After a new entry is created in your database, you could also create another state on the page that stores a list of "my_hobbies". You could then add the newly created hobby to this list. Hope this helps!

[@SaulBurgos]

@@BuildingWithBubble Really? oh god.. ok. thanks for your answer... an excellent channel to learn.

[@SaulBurgos]

@@BuildingWithBubble in the forum of bubble I saw this recommendation using a custom state of the type text "Count the number of elements of your list and create a recursive (schedule a workflow) function to insert element by element." What do you think? I am not sure who to do that but it seem that could work

[@desynchronisatio]

many thanks

[@BuildingWithBubble]

My pleasure!

[@thewise8592]

how to build a delivery food app using only components?

[@BuildingWithBubble]

I just released a tutorial that covers how to build a food delivery app like Uber Etas here: kzbin.info/www/bejne/maPJaaqQjtagaJo I'd recommend checking it out!

[@thewise8592]

@@BuildingWithBubble thx

[@kevinsloan5805]

Great video!

[@BuildingWithBubble]

Glad it could help ✌

[@jirizboril1517]

Thank you so much

[@BuildingWithBubble]

My pleasure 👏

[@DJPapzin]

This is a great tutorial, easy to follow. I get stuck at the end, the search box doesn't display any users and everything in my database is there.

[@BuildingWithBubble]

Glad it could help! I'm under the impression that the issue you're having is due to a privacy setting set on your user data type. This is a relatively new feature Bubble has introduced, but it's easily manageable. I'd recommend watching over this tutorial here: kzbin.info/www/bejne/Z17Qlnybd7qLhrs Hope this helps!

[@DJPapzin]

@@BuildingWithBubble Thank you, this solved my issue.

[@BuildingWithBubble]

@@DJPapzin Awesome to hear!

[@jirizboril1517]

Thank you

[@BuildingWithBubble]

My pleasure ✌

[@AmitChauhan-fz9qj]

How to use custom states in a repeating group?

[@BuildingWithBubble]

Are you looking to set a unique state for each individual repeating group cell?

[@AmitChauhan-fz9qj]

@@BuildingWithBubble Thank you for your reply. Yes, so I am building a form builder. I have created 6 form elements e.g. free text, single choice, etc. inside a floating group. I have created a repeating group but forms are not popping up. I want unique forms to appear in a repeating group cell as you mentioned.

[@AmitChauhan-fz9qj]

Your thoughts, please

[@priyanwrites]

I have three combination of log in . One is job seeker and another is Recruiters. So before tapping sign up button they should select which category they belong to. Based on the category, the next page will be shown How to do this in bubble io

[@BuildingWithBubble]

Happy to help. I cover how to build something similar in my Uber clone tutorial. Throughout the video, I explain how users can register as drivers or riders, then be redirected to their relevant pages. You can watch the section of the tutorial here: kzbin.info/www/bejne/eZSTiWebqMlmaMU