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:

  1. Inside a column from the Section widget, click Add widget here…
  2. Select the Login & Users tab.
  3. 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:

  1. In the page editor, hover over the widget.
  2. Click the toggle menu in the widget label.
  3. Click DotNetCore8 (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 Add (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 .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 DotNetCore11 (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}

Want to learn more?

Sign up for our free beginner training. Boost your credentials through advanced courses and certification.
Register for Sitefinity training and certification.

Was this article helpful?

Next article

Reset password widget