Password Change Form Design Area

Last Updated: 12 Apr 2017

This design area allows you to add a password change form into the design. If the user has an account, they will be able to enter their current password and a new password to replace it with.

Below is an example of the code that is required for the Password Change Form design area. In the example, the password change form will be hidden by default and only shown when the current user's status is set to Up For Review, which will also hide the body of the current front end asset.

<MySource_AREA id_name="password_change_form" design_area="password_change_form" print="no">
  <MySource_PRINT var="system_messages" />
  <MySource_PASSWORD_CHANGE_SECTION>
    <h2><MySource_PRINT var="password_change_heading" /></h2>
    <MySource_PRINT var="form_open" />
      <p><MySource_PRINT var="password_change_message" /></p>
      <MySource_PRINT var="password_old_box" size="10" /><br/>
      <MySource_PRINT var="password_new_box" size="10" /><br/>
      <MySource_PRINT var="password_confirm_box" size="10" /><br/>
      <MySource_PRINT var="submit_button"/><br />
      <p><MySource_PRINT var="password_rules_note"/></p>
    <MySource_PRINT var="form_close" />
  </MySource_PASSWORD_CHANGE_SECTION>
</MySource_AREA>

<MySource_AREA id_name="body" design_area="body" print="no"/>
<MySource_AREA id_name="match_home" design_area="show_if">
    <MySource_SET name="condition" value="keyword_regexp"/>
    <MySource_SET name="condition_keyword" value="globals_user_status_description"/>
    <MySource_SET name="condition_keyword_match" value="review" />
    <MySource_THEN>
        <MySource_PRINT id_name="password_change_form" />
    </MySource_THEN>
    <MySource_ELSE>
        <MySource_PRINT id_name="body" />
    </MySource_ELSE>
</MySource_AREA>

The print variables that can be used in the Password Change Form design area are as follows:

  • form_open: this variable stats the password change form by printing the HTML <form> tag. This is required for this design area.
  • form_close: this variable ends the password change form by printing the HTML </form> tag. This is required for this design area.
  • password_change_heading: this variable will print the heading that has been sent by the operation wanting the password change form.
  • password_change_message: this variable will print the message that has been sent by the operation wanting the password change form.
  • password_old_box: this variable will print the input field for the user to enter their current password into.
  • password_new_box: this variable will print the input field for the user to enter their new password into.
  • password_confirm_box: this variable will print the input field for the user to confirm their new password into:
  • submit_button: this variable will print the submit button.
  • password_rules_note: this variable will print the password rules currently in place on the system.


Previous Chapter Next Chapter