Cómo: Personalizar el control PasswordRecovery

Actualización: noviembre 2007

El control PasswordRecovery se puede personalizar de las siguientes maneras:

Puede editar las plantillas que se muestran y cambiar la interfaz de usuario (UI) del control.
Puede aplicar un tema de ASP.NET al control. Para obtener más información, vea Información general sobre temas y máscaras de ASP.NET.
Puede utilizar las propiedades del control (como por ejemplo QuestionLabelText o InstructionTextStyle) para modificar su aspecto. Para obtener detalles, vea las propiedades del control PasswordRecovery en las páginas de referencia de la biblioteca de clases.

Este tema describe cómo personalizar el control System.Web.UI.WebControls.PasswordRecovery mediante plantillas.

Para editar las plantillas PasswordRecovery

Agregue un control PasswordRecovery a la página como se muestra en el siguiente ejemplo de código.
```
<asp:PasswordRecovery ID="PasswordRecovery1" Runat="server">
</asp:PasswordRecovery>
```
Se pueden aplicar estilos para personalizar el aspecto del control PasswordRecovery. Utilice las propiedades para aplicar cualquier estilo que desee a la plantilla, por ejemplo, las propiedades LabelStyle, HyperLinkStyle y TitleTextStyle.

Para personalizar el contenido del control PasswordRecovery, siga los siguientes pasos para modificar las plantillas que utiliza el control PasswordRecovery.

Cree una plantilla UserNameTemplate para especificar el marcado y los controles que aparecen cuando se representa el control por primera vez, como se muestra en el siguiente ejemplo de código.

<UserNameTemplate>
  <table border="0" cellpadding="1">
    <tr>
      <td>
        <table border="0" cellpadding="0">
          <tr>
            <td align="center" colspan="2">
              Forgot Your Password?</td>
          </tr>
          <tr>
            <td align="center" colspan="2">
              Enter your User Name to receive your password.</td>
          </tr>
          <tr>
            <td align="right">
              <asp:Label ID="UserNameLabel"  AssociatedControlID="UserName">User Name:</asp:Label></td>
            <td>
              <asp:TextBox ID="UserName" ></asp:TextBox>
              <asp:RequiredFieldValidator ID="UserNameRequired"  ControlToValidate="UserName"
                ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="PasswordRecovery1">*</asp:RequiredFieldValidator>
            </td>
          </tr>
          <tr>
            <td align="center" colspan="2" style="color: red">
              <asp:Literal ID="FailureText"  EnableViewState="False"></asp:Literal>
            </td>
          </tr>
          <tr>
            <td align="right" colspan="2">
              <asp:Button ID="SubmitButton"  CommandName="Submit" Text="Submit" ValidationGroup="PasswordRecovery1" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</UserNameTemplate>

<UserNameTemplate>
  <table border="0" cellpadding="1">
    <tr>
      <td>
        <table border="0" cellpadding="0">
          <tr>
            <td align="center" colspan="2">
              Forgot Your Password?</td>
          </tr>
          <tr>
            <td align="center" colspan="2">
              Enter your User Name to receive your password.</td>
          </tr>
          <tr>
            <td align="right">
              <asp:Label ID="UserNameLabel"  AssociatedControlID="UserName">User Name:</asp:Label></td>
            <td>
              <asp:TextBox ID="UserName" ></asp:TextBox>
              <asp:RequiredFieldValidator ID="UserNameRequired"  ControlToValidate="UserName"
                ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="PasswordRecovery1">*</asp:RequiredFieldValidator>
            </td>
          </tr>
          <tr>
            <td align="center" colspan="2" style="color: red">
              <asp:Literal ID="FailureText"  EnableViewState="False"></asp:Literal>
            </td>
          </tr>
          <tr>
            <td align="right" colspan="2">
              <asp:Button ID="SubmitButton"  CommandName="Submit" Text="Submit" ValidationGroup="PasswordRecovery1" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</UserNameTemplate>

Cree una plantilla QuestionTemplate para especificar el marcado y los controles que aparecen cuando el control hace al usuario la pregunta de seguridad, como se muestra en el siguiente ejemplo de código.

<QuestionTemplate>
  <table border="0" cellpadding="1">
    <tr>
      <td>
        <table border="0" cellpadding="0">
          <tr>
            <td align="center" colspan="2">
              Identity Confirmation</td>
          </tr>
          <tr>
            <td align="center" colspan="2">
              Answer the following question to receive your password.</td>
          </tr>
          <tr>
            <td align="right">
              User Name:</td>
            <td>
              <asp:Literal ID="UserName" ></asp:Literal>
            </td>
          </tr>
          <tr>
            <td align="right">
              Question:</td>
            <td>
              <asp:Literal ID="Question" ></asp:Literal>
            </td>
          </tr>
          <tr>
            <td align="right">
              <asp:Label ID="AnswerLabel"  AssociatedControlID="Answer">Answer:</asp:Label></td>
            <td>
              <asp:TextBox ID="Answer" ></asp:TextBox>
              <asp:RequiredFieldValidator ID="AnswerRequired"  ControlToValidate="Answer"
                ErrorMessage="Answer is required." ToolTip="Answer is required." ValidationGroup="PasswordRecovery1">*</asp:RequiredFieldValidator>
            </td>
          </tr>
          <tr>
            <td align="center" colspan="2" style="color: red">
              <asp:Literal ID="FailureText"  EnableViewState="False"></asp:Literal>
            </td>
          </tr>
          <tr>
            <td align="right" colspan="2">
              <asp:Button ID="SubmitButton"  CommandName="Submit" Text="Submit" ValidationGroup="PasswordRecovery1" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</QuestionTemplate>

<QuestionTemplate>
  <table border="0" cellpadding="1">
    <tr>
      <td>
        <table border="0" cellpadding="0">
          <tr>
            <td align="center" colspan="2">
              Identity Confirmation</td>
          </tr>
          <tr>
            <td align="center" colspan="2">
              Answer the following question to receive your password.</td>
          </tr>
          <tr>
            <td align="right">
              User Name:</td>
            <td>
              <asp:Literal ID="UserName" ></asp:Literal>
            </td>
          </tr>
          <tr>
            <td align="right">
              Question:</td>
            <td>
              <asp:Literal ID="Question" ></asp:Literal>
            </td>
          </tr>
          <tr>
            <td align="right">
              <asp:Label ID="AnswerLabel"  AssociatedControlID="Answer">Answer:</asp:Label></td>
            <td>
              <asp:TextBox ID="Answer" ></asp:TextBox>
              <asp:RequiredFieldValidator ID="AnswerRequired"  ControlToValidate="Answer"
                ErrorMessage="Answer is required." ToolTip="Answer is required." ValidationGroup="PasswordRecovery1">*</asp:RequiredFieldValidator>
            </td>
          </tr>
          <tr>
            <td align="center" colspan="2" style="color: red">
              <asp:Literal ID="FailureText"  EnableViewState="False"></asp:Literal>
            </td>
          </tr>
          <tr>
            <td align="right" colspan="2">
              <asp:Button ID="SubmitButton"  CommandName="Submit" Text="Submit" ValidationGroup="PasswordRecovery1" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</QuestionTemplate>

Cree una plantilla SuccessTemplate para especificar el marcado y los controles que aparecen cuando un usuario ha obtenido satisfactoriamente una contraseña.

En el ejemplo de código siguiente se muestra el marcado de un control PasswordRecovery con una plantilla SuccessTemplate definida.

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script >

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
  <meta http-equiv="Content-Type" content="text/html" />
  <title>PasswordRecovery All Templates Sample</title>
</head>
<body>
    <form id="form1" >
    <div title="All Templates Sample">
      <asp:PasswordRecovery ID="PasswordRecovery1" >
        <QuestionTemplate>
          <table border="0" cellpadding="1">
            <tr>
              <td>
                <table border="0" cellpadding="0">
                  <tr>
                    <td align="center" colspan="2">
                      Identity Confirmation</td>
                  </tr>
                  <tr>
                    <td align="center" colspan="2">
                      Answer the following question to receive your password.</td>
                  </tr>
                  <tr>
                    <td align="right">
                      User Name:</td>
                    <td>
                      <asp:Literal ID="UserName" ></asp:Literal>
                    </td>
                  </tr>
                  <tr>
                    <td align="right">
                      Question:</td>
                    <td>
                      <asp:Literal ID="Question" ></asp:Literal>
                    </td>
                  </tr>
                  <tr>
                    <td align="right">
                      <asp:Label ID="AnswerLabel"  AssociatedControlID="Answer">Answer:</asp:Label></td>
                    <td>
                      <asp:TextBox ID="Answer" ></asp:TextBox>
                      <asp:RequiredFieldValidator ID="AnswerRequired"  ControlToValidate="Answer"
                        ErrorMessage="Answer is required." ToolTip="Answer is required." ValidationGroup="PasswordRecovery1">*</asp:RequiredFieldValidator>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" colspan="2" style="color: red">
                      <asp:Literal ID="FailureText"  EnableViewState="False"></asp:Literal>
                    </td>
                  </tr>
                  <tr>
                    <td align="right" colspan="2">
                      <asp:Button ID="SubmitButton"  CommandName="Submit" Text="Submit" ValidationGroup="PasswordRecovery1" />
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </QuestionTemplate>
        <UserNameTemplate>
          <table border="0" cellpadding="1">
            <tr>
              <td>
                <table border="0" cellpadding="0">
                  <tr>
                    <td align="center" colspan="2">
                      Forgot Your Password?</td>
                  </tr>
                  <tr>
                    <td align="center" colspan="2">
                      Enter your User Name to receive your password.</td>
                  </tr>
                  <tr>
                    <td align="right">
                      <asp:Label ID="UserNameLabel"  AssociatedControlID="UserName">User Name:</asp:Label></td>
                    <td>
                      <asp:TextBox ID="UserName" ></asp:TextBox>
                      <asp:RequiredFieldValidator ID="UserNameRequired"  ControlToValidate="UserName"
                        ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="PasswordRecovery1">*</asp:RequiredFieldValidator>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" colspan="2" style="color: red">
                      <asp:Literal ID="FailureText"  EnableViewState="False"></asp:Literal>
                    </td>
                  </tr>
                  <tr>
                    <td align="right" colspan="2">
                      <asp:Button ID="SubmitButton"  CommandName="Submit" Text="Submit" ValidationGroup="PasswordRecovery1" />
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </UserNameTemplate>
        <SuccessTemplate>
          <table border="0" cellpadding="1">
            <tr>
              <td>
                <table border="0" cellpadding="0">
                  <tr>
                    <td>
                      Your password has been sent to you.</td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </SuccessTemplate>
      </asp:PasswordRecovery>

    </div>
    </form>
  </body>
</html>

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script >

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
    <title>Password Recovery All Templates Sample</title>
</head>
<body>
    <form id="form1" >
    <div title="All Templates Sample">
      <asp:PasswordRecovery ID="PasswordRecovery1" >
        <QuestionTemplate>
          <table border="0" cellpadding="1">
            <tr>
              <td>
                <table border="0" cellpadding="0">
                  <tr>
                    <td align="center" colspan="2">
                      Identity Confirmation</td>
                  </tr>
                  <tr>
                    <td align="center" colspan="2">
                      Answer the following question to receive your password.</td>
                  </tr>
                  <tr>
                    <td align="right">
                      User Name:</td>
                    <td>
                      <asp:Literal ID="UserName" ></asp:Literal>
                    </td>
                  </tr>
                  <tr>
                    <td align="right">
                      Question:</td>
                    <td>
                      <asp:Literal ID="Question" ></asp:Literal>
                    </td>
                  </tr>
                  <tr>
                    <td align="right">
                      <asp:Label ID="AnswerLabel"  AssociatedControlID="Answer">Answer:</asp:Label></td>
                    <td>
                      <asp:TextBox ID="Answer" ></asp:TextBox>
                      <asp:RequiredFieldValidator ID="AnswerRequired"  ControlToValidate="Answer"
                        ErrorMessage="Answer is required." ToolTip="Answer is required." ValidationGroup="PasswordRecovery1">*</asp:RequiredFieldValidator>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" colspan="2" style="color: red">
                      <asp:Literal ID="FailureText"  EnableViewState="False"></asp:Literal>
                    </td>
                  </tr>
                  <tr>
                    <td align="right" colspan="2">
                      <asp:Button ID="SubmitButton"  CommandName="Submit" Text="Submit" ValidationGroup="PasswordRecovery1" />
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </QuestionTemplate>
        <UserNameTemplate>
          <table border="0" cellpadding="1">
            <tr>
              <td>
                <table border="0" cellpadding="0">
                  <tr>
                    <td align="center" colspan="2">
                      Forgot Your Password?</td>
                  </tr>
                  <tr>
                    <td align="center" colspan="2">
                      Enter your User Name to receive your password.</td>
                  </tr>
                  <tr>
                    <td align="right">
                      <asp:Label ID="UserNameLabel"  AssociatedControlID="UserName">User Name:</asp:Label></td>
                    <td>
                      <asp:TextBox ID="UserName" ></asp:TextBox>
                      <asp:RequiredFieldValidator ID="UserNameRequired"  ControlToValidate="UserName"
                        ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="PasswordRecovery1">*</asp:RequiredFieldValidator>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" colspan="2" style="color: red">
                      <asp:Literal ID="FailureText"  EnableViewState="False"></asp:Literal>
                    </td>
                  </tr>
                  <tr>
                    <td align="right" colspan="2">
                      <asp:Button ID="SubmitButton"  CommandName="Submit" Text="Submit" ValidationGroup="PasswordRecovery1" />
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </UserNameTemplate>
        <SuccessTemplate>
          <table border="0" cellpadding="1">
            <tr>
              <td>
                <table border="0" cellpadding="0">
                  <tr>
                    <td>
                      Your password has been sent to you.</td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </SuccessTemplate>
      </asp:PasswordRecovery>

    </div>
    </form>
</body>
</html>

Vea también

Conceptos

Personalizar la apariencia de los controles ASP.NET de inicio de sesión

Referencia

Información general sobre controles de inicio de sesión de ASP.NET

Last updated on 2014-10-22

Cómo: Personalizar el control PasswordRecovery

Para editar las plantillas PasswordRecovery

Vea también

Conceptos

Referencia

Recursos adicionales