Passwords

An overview of passwords and how to change the application's password policy.

Passwords

Passwords are handled completely by Bubble and built into every application; you don't need to setup anything for them to work. Passwords are stored "salted + encrypted" by Bubble, and can never be viewed in the Bubble editor. For more information on Bubble's privacy and security practices, please refer to this thread in the Bubble forum.

How to Define Your App's Password Policy

By default, the application has a 7 character minimum password policy. If you'd like to keep that the way it is, you can skip this section; you won't need to change anything related to passwords.

How to Change the Password Policy in the Editor

1. In the editor, go to Settings --> General:

   
2. Customize the "Password minimum length", "Require a number", "Require a capital letter", and "Require a non-alphanumeric character" options to reflect your desired password policy.

Write down these new password requirements because you will need them for the following steps. 🙂

Change How the Password Requirements are Displayed to New Users

When a new User is in the process of signing up, and begins typing their desired password, the app will show the Current User if their password meets/doesn't meet the app's requirements. Since the password must be at least 7 characters long, the app will tell the Current User if their password is at least 7 characters. It will also show the strength of their password (as shown in the video below):

Password Strength is determined by Bubble. You can read more about this feature here.

If you make changes to the password policy character minimum requirements, the "✅7 characters" or "❌7 characters" text will need to be adjusted so that Users will know whether or not their password meets your new password policy requirements. These texts are shown in three places throughout the app:

Within the Login/Signup Popup reusable element:

1. The Group Password Requirements Container element contains the "✅7 characters" or "❌7 characters" text that is hidden by default within this popup. Make that Group Password Requirements Containerelement visible in the editor and click on the "Conditional" tab.

2. Change the conditional of the second conditional below to make the Group visible once the password meet's your app's requirements:

   
3. Change the formatting and conditional of the Text "X" Characters Minimum element within the group, so that it reflects your password policy:

4. Change the Text: "X Characters Minimum" element's conditional to reflect your new password policy:

Within the Group Reset Your Password Container element on the reset_pw page:

The reset_pw page also contains a group and text element which become visible to the Current User when they are reseting their password.

1. The Group Password Requirements Container element contains the "✅7 characters" or "❌7 characters" text that is hidden by default within this group. Make the Group Password Requirements Containerelement visible in the editor and go to its conditional formatting:

2. Change the conditional formatting of the second conditional below to make the group visible once the password meets your app's requirements.

There is a second 'password checker text/group' element beneath the "Re-type Password" input. The Group Passwords Must Match Container element's second conditional statement should also be changed to reflect your app's password policy:

Within the Popup Change Password element on the account page:

1. The Group Password Requirements Container element contains the "✅7 characters" or "❌7 characters" text that is hidden by default within this popup. Make that Group Password Requirements Containerelement visible in the editor and click on the "Conditional" tab.

2. Change the conditional of the second conditional below to make the group visible once the password meet's your app's requirements:

   

3. Change the formatting and conditional of the Text "X" Characters Minimum element within the group, so that it reflects your password policy:

   

4. Change the text element's conditional to reflect your new password policy:

Within the Group Change Password Container element on the change_pass page:

1. The Group Password Requirements Container element contains the "✅7 characters" or "❌7 characters" text that is hidden by default within this popup. Make that Group Password Requirements Containerelement visible in the editor and click on the "Conditional" tab.

2. Change the conditional of the second conditional below to make the Group visible once the password meet's your app's requirements:

   
3. Change the formatting and conditional of the Text "X" Characters Minimum element within the group, so that it reflects your password policy:

   

4. Change the text element's conditional to reflect your new password policy: