dashboard

Page that allows users to update their account settings

Dashboard Page Overview

Your app will come with a settings/dashboard page where users can update their personal information, including email and password. This is where users manage their friend requests and can message other users. 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 Nav Tab 1 PLACEHOLDER) in this tab.

Login credentials 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.

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/or 8 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 (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 var - tab url parameter's text is Group Nav 6/7/or 8's text then this group is visible

Key Workflows

Button New Thread is clicked

  • Creates a new Thread if one does not already exist for the group of selected users

  • Navigates the user to chat thread containing the selected users

Button Accept Friend Request is clicked

  • Updates the relevant Friendship instance and adds the users to each other’s Friends field

  • It is important to update the Friends fields (lists) when accepting a friend request

Button Ignore is clicked

  • Updates the relevant Friendship instance. Sets the Status to “Ignore”

Key Elements

RepeatingGroup Friend Requests

  • Contains the list of friend requests for the current user

  • Data source notes

    • List of Friendships

    • Includes Friendships involving the user that have not been accepted

      • When Show ignored requests? is set to yes, the list includes both Pending and Ignored requests

RepeatingGroup Interests

  • Contains the list of Interests for the current user

  • Users select and deselect from this list to adjust their interests using the interests state on Group Profile Interests

Last updated