Build a modular popup in Bubble and use it EVERYWHERE
Matt Neary Matt Neary
19.4K subscribers
3,381 views
111

 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