How to use Custom States in Bubble including 2 examples | Bubble.io Tutorials | Planetnocode.com
Вставка
- Опубліковано 10 лют 2025
- Learn Bubble 👉 go.planetnocod...
In this Bubble tutorial we explain how to use Custom States with Bubble, why Custom States are useful and demonstrate two Bubble app examples of how I use Custom States in the Bubble apps I build.
🎓 NO CODE COURSES:
Beginners START HERE ➡️ go.planetnocod...
Build a ChatGPT Clone ➡️ go.planetnocod...
🔍 MORE BUBBLE.IO TUTORIALS: go.planetnocod...
🆘 1 to 1 Bubble Coaching: go.planetnocod...
🍿 WATCH NEXT:
How To Make A Custom GPT App in Bubble (No Code): • How To Make A Custom G...
Build a ChatGPT clone in 30 mins with Bubble.io: • How to build a chat ap...
How to Web Scrape Data From Another Website with No Code: • How to Scrape Data Fro...
How to Use Custom States in Bubble: • How to use Custom Stat...
Designing Beautiful Charts and Data Visualization in Bubble.io: • Designing Beautiful Ch...
OUR FAVOURITE TOOLS
🎨 Webflow - How we build out website - go.planetnocod...
🪄 Relume - Generate a Webflow site with AI - go.planetnocod...
📊 UI8 - Best SaaS UI templates - go.planetnocod...
🔑 1Password - If you don’t use a password manager, get 1Password - go.planetnocod...
📹 Screen Studio - Screen recording software for macOS - go.planetnocod... AND
🎬 Tella.tv - Browser based screen recording - go.planetnocod...
🔐 Flusk - Monitoring & security for Bubble.io - go.planetnocod...
👂 ElevenLabs - Text to Speech API - go.planetnocod...
🤖 Browse AI - Web Scraping API - go.planetnocod...
📅 SavvyCal - Calendly alternative - go.planetnocod...
📬 Postmark - Email API - go.planetnocod...
Brother your exceptionally good in explaining with no nonsense. Thanks for sharing.
Thank you so much!🥲
Exactly what I needed. Thank you!
You're welcome! Are there any topics you'd like to see tutorials on that you can't already find?
@@planetnocode Yes! In reference to this tutorial, I have a couple of questions. Firstly, how can I make this function behave like radio buttons, allowing only one option from the repeating groups to be selected at a time? Additionally, how can I ensure that these selections load based on my data when the page is initially loaded? For instance, if my data only contains "mornings," how can I set "mornings" as the default selected option, as would be the case on an edit page? Thank you in advance for your assistance!
Does this answer your question: www.planetnocode.com/tutorial/design/radio-inputs/better-radio-buttons-in-bubble-io/
You can either set a default custom state or set the custom state on page load.
Super helpful and clear, thank you.
thank you so much, that second one i needed to think thrice to get my head around it, I think I'm just dumb, anyways just to be sure, the availability on around 10:12 of the video is a field on the user db right? then what we are doing is changing the value of that to the current selected availability? thank you
The availability field is part of a data type in the database yes, though Availability itself is an Option Set.
Thanks for the great demonstration.
Would be even nicer if there's the last step: eventually need to store the availabilities ( custom states ) in the database for future references.
Thanks for the suggestion. We do address saving the selected availabilities to the database, in this case Current User, at 10:12.