Change password widget

You use the Change password widget to enable users to change their password.

This widget provides additional functionality to the Login form widget.

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.

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  (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

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: