account

Page that allows users to update their account settings

Account Page Overview

Your app will come with an account page where users can update their personal information, including email and password. This page includes other pre-built features that you will have to customize for your app:

Profile tab

You can add more fields to the profile tab by reducing the size of the placeholder group (Group PLACEHOLDER Nav 1) in this tab.

Login credentials tab

You can change your password or update your email in this tab.

Payments tab

The payments tab includes two subtabs for Payment method and Payment history. You can add more content by reducing the size of the placeholder groups within the subtab groups.

Please note that there are no workflows associated with the payment method module. See the functionality section for how to set this up.

Notification settings tab

This tab includes UI for toggling notifications on/off. There is no actual logic behind this, so you will need to set up the workflows on this tab if you want to use it.

Adding additional tabs to the settings page

  • Go to the settings page in the Bubble Editor and unhide Group Nav 6/7/8/9/or 10 by checking This element is visible on page load. Set the data source of the tab group to the name of the tab.

  • If you want to create a new tab, copy an existing tab and rename the group. Then reduce the size of Group PLACEHOLDER TABS (do not delete), adding your new group in the space created.

  • Go to the conditional tab of the group and add the following conditional statement: If Group Nav 6/7/8/9 or 10's text is var - tab url parameter's text then this group is visible.

Last updated