Setting up added modules
Adding modules using Canvas Pages is only the first step to extending the functionality of your app. In order to make the most of the Canvas modules, you need to modify these modules in a few different ways:
Adding or modifying actions on buttons
Changing data sources on repeating groups or elements with data sources
Filling out content on groups
Linking content on groups to data objects
Linking modules to portal tabs (show/hide based on what user selects)
How to connect two modules (Example)
Add the modules
Standard Repeating Group (Image, Link, and Description)and
Standard Form Popupon a page with any page template to your app.Follow the instructions in How it works if unsure how to do this.
Submit a request to create the above page.
Wait until the request is complete and you receive a confirmation email. From that confirmation email, click the button to access the Bubble editor.
On the page you just created, select the element
Button solidPrimaryMediumBody14pt. Rename this button something intuitive, e.g. Button Confirm New Product.Press start/edit workflow on this button.
Create a workflow to show the Popup Confirm when this button is pressed.
Preview the page and check that the Confirmation popup appears when the button is pressed.
Voilà! You've finished creating a page with two different types of elements, and linked those two elements together. Nice job!
For reference, you can compare your page to this one.
Most modules will take more configuration than the above example, especially if you're setting up forms with many inputs or more complex functionality.
Another examples: Chat module
More complex modules, like the Chat module, also require some customization. This type of group comes with custom data types associated to it, T-Threads and T-Messages. When using a new module please refer to the documentation for that module (Chat module documentation) in order to figure out how to set it up.
Last updated
