Use Adapters?

The adapters are currently turned on. Do you want to keep them enabled?


more about the adapters

Theme Chooser

The examples can use either a "basic" or "enhanced" theme or no theme at all.



more about CSS & themes

PasswordRecovery Control Example

Example Summary and Logic

The PasswordRecovery control follows a pattern similar what is used for ChangePassword. Both controls let you use templates to eliminate some, but not all, of the <table> tags that the control creates by default. An adapter can make the control more CSS friendly, regardless of whether or not you use templates.

All of the sample adapters for the Membership controls produce markup that is easier to style with CSS while retaining most of the control's original server-side logic.


Working Example

Step 1
Whose password are you recovering?
 

Hints:

Use the following values when filling out the password recovery form.

  • Step 1: User Name = fred
  • Step 2: Security Question Answer = Flintstone

What would you like to do next?

HTML Snippets

Snippet of HTML when using the adapters

ASP.NET
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="PrettyPasswordRecovery" id="ctl00_ctl00_MainContent_LiveExample_passwordrecovery1">
  <div class="AspNet-PasswordRecovery">
    <div class="AspNet-PasswordRecovery-UserName-TitlePanel">
      <span>Step 1</span>
    </div>
    <div class="AspNet-PasswordRecovery-UserName-InstructionPanel">
      <span>Whose password are you recovering?</span>
    </div>
    <div class="AspNet-PasswordRecovery-UserName-SubmitPanel">
      <input type="submit" value="go" id="ctl00_ctl00_MainContent_LiveExample_passwordrecovery1_UserNameContainerID_SubmitButton" name="ctl00$ctl00$MainContent$LiveExample$passwordrecovery1$UserNameContainerID$SubmitButton" onclick="WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ctl00$MainContent$LiveExample$passwordrecovery1$UserNameContainerID$SubmitButton&quot;, &quot;&quot;, true, &quot;ctl00$ctl00$MainContent$LiveExample$passwordrecovery1&quot;, &quot;&quot;, false, true))" />
    </div>
  </div>
</div>

Snippet of HTML when not using the adapters

ASP.NET
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table cellspacing="0" cellpadding="1" cellpadding="4" CssSelectorClass="PrettyPasswordRecovery" border="0" id="ctl00_ctl00_MainContent_LiveExample_passwordrecovery1" style="background-color:White;border-color:#284775;border-width:1px;border-style:Solid;border-collapse:collapse;">
  <tr>
    <td><table cellpadding="0" border="0" style="color:#333333;font-family:Verdana;font-size:0.8em;">
      <tr>
        <td align="center" colspan="2" style="color:#F7F6F3;background-color:#5D7B9D;font-weight:bold;height:2em;">Step 1</td>
      </tr><tr>
        <td align="center" colspan="2" style="color:#284775;background-color:#EEEEEE;height:2em;">Whose password are you recovering?</td>
      </tr><tr>
        <td align="right" style="color:#5D7B9D;"><label for="ctl00_ctl00_MainContent_LiveExample_passwordrecovery1_UserNameContainerID_UserName">User Name:</label></td><td><input name="ctl00$ctl00$MainContent$LiveExample$passwordrecovery1$UserNameContainerID$UserName" type="text" id="ctl00_ctl00_MainContent_LiveExample_passwordrecovery1_UserNameContainerID_UserName" style="color:#5D7B9D;border-color:#5D7B9D;border-width:1px;border-style:Solid;" /></td>
      </tr><tr>
        <td align="right" colspan="2"><input type="submit" name="ctl00$ctl00$MainContent$LiveExample$passwordrecovery1$UserNameContainerID$SubmitButton" value="go" id="ctl00_ctl00_MainContent_LiveExample_passwordrecovery1_UserNameContainerID_SubmitButton" style="color:Cyan;background-color:#284775;border-color:#5D7B9D;border-width:1px;border-style:Solid;" /></td>
      </tr>
    </table></td>
  </tr>
</table>