Change password widget
Overview
You use the Change password widget to enable users to change their password.
This widget provides additional functionality to the Login form widget.
Place the widget on the page
You can place a Change password widget only inside a Section widget.
To do this, perform the following:
- Inside a column from the Section widget, click Add widget here…
- Select the Login & Users tab.
- Click the CHANGE PASSWORD widget.
The widget is placed inside the selected column of the Section widget.
RESULT: The widget displays the Current password, the New password, the Repeat new password filed, and the Save button.
You can change these labels in the advanced widget settings.
Widget settings
To open the widget settings, perform the following:
- In the page editor, hover over the widget.
- Click the toggle menu in the widget label.
- Click
(Edit).
The Change password page opens.
Choose what to do after a user changes the password
In the Change password setup section you can do the following:
Under After change users will... choose what to do after the users change their password:
- If you want to display a message after a password is changed, select View message and in the Message text box, enter the text of the message.
- If you want to redirect the user to a particular page, select Redirect to page.
Click 
(Select page) and select a page from your website.
For example, you can select the login page.
In Display setting section, you can do the following:
Change the template
To change the template that the Change password widget uses, select the new template in the Change password template dropdown box.
You must first have created a custom template.
For more information, see ASP.NET Core pages and templates.
Configure the widget margins
In Margins, you can choose the margins between the text and the column where it is placed.
Choose from the predefined values of none, small, medium, or large.
Save your changes
Advanced widget settings
To open the advanced settings, in the upper-right corner of the Change password widget page, click 
(Advanced settings)
- In Label, you can enter a specific name for this widget.
This name will be displayed in:
- The page editor as a label for the widget when you hover over it.
- In the treeview with the page structure in the right pane of the page editor.
- • In CSS class, you can enter individual CSS class for the Change password widget.
Save your changes.
Configure the labels of the widget
You can change the following labels:
| Label |
Description |
Default value |
Change password header
|
The label that is displayed on the frontend page
|
Change password
|
Current password field label
|
The label of the field where the user enters the current password |
Current password
|
New password field label
|
The label of the field where the user enters the new password |
New password
|
Repeat password field label
|
The label of the field where the user repeats the new password |
Repeat new password
|
Submit button
|
The label of the button that confirms the password change |
Save
|
Login error message
|
The message that is displayed when the user is not logged in |
You need to be logged in to change your password.
|
Required fields error message
|
The message that is displayed when a required field is not filled out
|
All fields are required.
|
Password mismatch error message
|
The message that is displayed when the new password is and its confirmation do not match
|
New password and repeat password don't match.
|
External provider message
|
The message that is displayed when the user is logged with external identity provider and cannot change their password using the Change password widget. |
Your profile does not store any passwords, because you are registered with {0}
|