Configuring the User - Forgot Password system page settings

In the Forgot Password page, accessed via the PAGES tab of the Website Editor under the SYSTEM PAGES section, you can edit the settings of the Signup form. These settings allow you to configure the options and design of the Forgot Password form.

In this article, you will learn how...

• To configure the Forgot Password system page settings
• To configure the design settings for the Forgot Password form

To configure the Forgot Password system page settings:

1. Click on the PAGES button in the Website Editor Toolbar.
   
2. Click on the + icon at the left of the User tab to expand the User pages menu.
   
3. Click on the Forgot Password page tab.
   
4. Mouse over the Forgot Password form widget in the content area of the Forgot Password page.
5. Click on the down arrow beside the form icon.
6. Choose the Forgot Password Settings item from the drop-down menu.
   

   The Forgot Password Settings popup will be displayed, with the Forgot Password Properties Tab selected.

   
7. Enter a Panel title for the Forgot Password form.
8. Enter the name that will appear on the Send Email button.
9. Click on the Configure button to configure the Email field in your Forgot Password form.

   The Edit Field settings are displayed.

   
10. Customize the Email field for the Forget Password form.
    • Label: lets you enter the title of the Email field.
    • Description: lets you enter a description to explain to your website visitor how to complete the Email field.
    • Start new line at this field: tick this checkbox to display the Email field on a new line.
    • Placeholder: lets you enter a particular value to be used to pre-populate the Email field.
    • Container Width: lets you set the width of the Email field's container as a percentage of the width of the container in which it is located. You can use the slider or enter a percentage value into the Container Width field.
11. Click OK.
12. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.

To configure the design settings for the Forgot Password form:

1. Click on the Design tab in the Forgot Password popup.
   
2. Select a Forgot Password Layout style for the form.
   • Label Above: displays labels above fields in the login form.
   • Label Left: displays labels to the left of fields in the login form.
3. Configure the heading font and color.
   1. Click on the font name to configure the font style using the Font popup. See the Configuring Font Settings for Widget Panel Titles article for instructions.
   2. Click on the color spot to choose a text color using the Color popup. See the Using the Color Popup article for instructions.
4. Configure the label font and color.
   1. Click on the font name to configure the font style using the Font popup. See the Configuring Font Settings for Text article for instructions.
   2. Click on the color spot to choose a text color using the Color popup. See the Using the Color Popup article for instructions.
5. Configure the input field style.

   The procedure for configuring the input field is the same as in the Style Editor. See the Style Editor article for instructions.

6. Configure the submit button style.

   The procedure for configuring the submit button style is the same as for editing the button style in the Style Editor. See the Style Editor article for instructions.

7. Click OK to save the changes.
8. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.