Reusable Elements

The template comes with 6 custom pages:

Standard footer element that contains links to pages in the app.

Used for navigation. Conditional expressions are used to show/hide the login/sign up/dashboard links depending on whether the user is logged in or not.

Sidebarnav

Used to navigate between the different "views" (see below) on the dashboard.

views-my-boards

A very important part of the full template. This is where the user:

  • Creates new boards

  • Navigates to boards they've previously created or been invited to

  • Deletes boards

How new boards are created

When the "New Board" button is clicked, it triggers a workflow that creates a new board. Importantly, a 15-character random string is generated at this step which is then assigned to that Board's ID. This is done using Bubble's "generate random string" function

The user is then sent to the "board" page. You'll notice from the below image that I'm sending the ID created in step 1 as an additional parameter.

This ID is used to load the correct board on the "board" page.

views-my-profile

Where the user can update their email address.

Last updated