Build a modular popup in Bubble and use it EVERYWHERE
Matt Neary Matt Neary
18.5K subscribers
1,777 views
0

 Published On Apr 2, 2024

🎓 My complete beginner to hero Bubble course (50 hours of lessons) 👉 https://thinkitbuildit.co

🔲 Craft a beautiful interface for your Bubble app 👉 https://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
https://bit.ly/43HHAcW

Bubble
https://bubble.io/

Basis UI
https://www.basislab.io/

Bubble Idea Board (for reusable events)
https://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

show more

Share/Embed