Power Apps Login Page Forgot Password Feature

A few weeks before, I developed a user registration application. There, I needed to add the forgot password functionality to the application so users could create new passwords if they forgot theirs.

In this article, I will explain how to add the forgot password functionality to the Power Apps login page.

Power Apps Login Page Forgot Password Feature

Look at the example below: The “Forgot Password” text appears as a link on the Power Apps login page. When I click on it, I am directed to another screen where I can enter my email address. After submitting the, I receive an email in Outlook with a link that takes me to the Power Apps screen, where I can create a new password.

Here is the SharePoint list that stores all users’ details:

Look at the columns with the data types in the above list.

Column Name	Data Type
User ID	Title
Password	Single line of text
Full Name	Single line of text
Email Address	Single line of text
Phone Number	Single line of text
Age	Number
Department	Choice(IT,HR,Finance, Marketing)

1. Add a text label on the Power Apps login page and provide the formulas below for the given properties.

Text = "Forgot Password?"
OnSelect = Navigate(UserEmails_screen,ScreenTransition.Fade)

Here, UserEmails_screen is the screen name in the Navigate() function. In this screen, we must provide our email address to create a new password.

2. As in the image below, design your screen by adding the following controls to the Power Apps screen.

• Container = To group all controls.
• Home Icon = To navigate back to the login page.
• Button = To trigger the Power Automate flow
• Text input control = To enter the email address.
• Text label = To display “Email Address” on top of text input control.

Home Icon‘s OnSelect property provides the below formula to navigate back to the login screen.

Navigate(Login_screen)

3. Design the new password screen like in the image below by taking the controls I mentioned below.

• Text input controls = For New and confirmed passwords.
• Text labels = For displaying the new and confirmed password names.
• Button control = To create a new password.
• Icons = To display the password fields.

NOTE: Add the code below on the OnVisible property of the below screen.
              Set(VarEmail, Param("email"));

Now, we will create a flow to check whether a provided email address is in the SharePoint list.

• If present, we’ll send the Create New Password Power Apps screen link.
• If not, we’ll inform the user that he is not a part of the organization.

5. To create Power Automate flow from the Power Apps application. Click on the ellipse(…) on the left navigation in the app ->Click on Power Automate.-> Click +Add flow -> Click on +Create new flow.

6. In the flow, the Power Apps (V2) trigger will be there by default -> Click on +Add an input and select it as Email, provide some name “Ask in Power Apps.” -> Then add the Get items action from the SharePoint connector to retrieve the user details.

For the Site Address and List Name, provide the address from the dropdown in the text boxes next to the fields.