reset_pw

Overview

Editor

When the page is initially loaded in the editor, it looks like this:

In order to view all of the page's elements, click the caret icon to expand the Elements tree panel:

Within the elements panel, click the "+" icon next to the Group Page Container element to expand that group.

Then, click the other "+" icons to expand and make visible all of the hidden groups in the elements tree:

This ensures all of the hidden elements are visible when you are editing the page. The editor will look like this:

Desktop

Mobile

Why does this page exist?

When the Current User forgets their password, they are sent an email which contains a password reset link. That link directs the Current User to this reset_pw page which enables them to change their password. The reset_pw page is a built-in Bubble page that can't be deleted.

Who can access this page?

Users with an account who have received a password reset link can access this page.

What should I keep in mind about this page's workflows?

The Password Policy Can Be Changed

By default, the template's password policy requires that each password must be at least 7 characters. For more information on how to change the app's password policy, visit the Passwords section of this documentation.

How to Change Which Page the User is Navigated to After their Password is Changed

After the Current User changes their password, the workflow saves their new password and automatically logs the User into their account.

After the password is changed, the workflow navigates the Current User to the home page after four seconds using this "Schedule a Custom Event" workflow:

The Go to Homepage custom event is scheduled after four seconds:

The Go to Homepage custom event:

You can change this navigation action to any page of your choice.

What else should I keep in mind about this page's design?

As seen in the screenshots of the change password form, the text elements which show "[checkmark] 7 characters" utilize Font-Awesome icons which combine the checkmark icon and a text, within the text element.

Font-awesome icons can only be added within text elements, not buttons elements.