Build a modular popup in Bubble and use it EVERYWHERE
ฝัง
- เผยแพร่เมื่อ 7 มิ.ย. 2024
- 🎓 My complete beginner to hero Bubble course (50 hours of lessons) 👉 thinkitbuildit.co
🔲 Craft a beautiful interface for your Bubble app 👉 www.basislab.io
Learn how to create a reusable confirmation pop-up in Bubble that adapts to different contexts, such as deleting tasks, projects, or displaying information. This tutorial walks you through the process of making your pop-up versatile by changing its appearance and functionality based on the input provided. This method not only streamlines your Bubble app's functionality but also enhances its scalability and maintainability.
⏱️ Timestamps:
00:00 Introduction to modularity
06:07 Our first reusable property
10:09 Passing dynamic data to the reusable
13:35 Optimising Reusable Elements with Custom States
23:32 Mastering Pop-Up Variants in Bubble
30:12 Reusable events
44:47 Final Thoughts on modularity in Bubble
📖 What You'll Learn:
How to create a versatile and reusable confirmation pop-up in Bubble.
Techniques for dynamically changing the pop-up's content and style based on its context.
Best practices for triggering workflows on your page from a reusable element.
🔗 Useful Links:
Reference app
bit.ly/43HHAcW
Bubble
bubble.io/
Basis UI
www.basislab.io/
Bubble Idea Board (for reusable events)
bubble.io/ideaboard?idea=1653...
❓ Questions or Feedback?
Drop your questions in the comments below, and we'll be happy to help!
If you find this video useful, don't forget to like, subscribe, and share with others who might benefit.
Happy Bubbling! 🎈🎉
#Bubble #ReusableElements #DynamicPopups #NoCode #AppDevelopment #BubbleTutorial
Awesome content! Bring us more stuff like that. That really shows us real use cases using the best practices.
Thanks for the feedback!
@@mneary I keep asking you on your vids to make a blocking system that goes to the message system please!
i've been doing something similar too , i ofc learned it the hard way ! but the way you explain it is so simple and informative !
This is awesome, super helpful!
Wonderful video with simple explanations! Just one thing, the app link doesn't seem to work anymore. If you could update it, It would be awesome 😀
Very helpful Matt, thank you so much for sharing!
Upvoted the proposal as well
Hey Matt, did you drop the airdev template for good? Any reason for that? Thanks for the ever great content!
Wow, this was really great -- especially the discussion of Separation of Concerns which will be new and very important to anyone who does not come from a coding background and used patterns such as MVC.
Thanks Alex - means a lot coming from you!
I keep asking you on your vids to make a blocking system that goes to the message system please!
is there a way to push data into RE properties? or its just pulling?
Only by using an intermediary container like I do in the video (with a custom state). Effectively then the property is pulling the value from a container that has new data pushed into it.
Alternatively you can just set custom states on the RE itself.
2:08 What is the function of this?
Pre-built UI components. Makes your app look great and saves you time building out design yourself.
Oh, I found it. It is chrome extension called 'Basis Lab'
@@dkfjlsdkjflekw1 Thank you SO much!!!