Is there a way to customize the textboxes in an ASP changepassword control?
<asp:ChangePassword id="myChangePassword" newpasswordregularexpressionerrormessage="Error: Your password must be at least 5 characters long, and contain at least one number and one special character."
runat="server" OnChangingPassword="ChangingPassword"
OnChangedPassword="ChangedPassword" OnCancelButtonClick="CancelClick"></asp:ChangePassword>
For example I would like the top field to say Current Password instead of just Password, is this possible?
Thanks!
<asp:ChangePassword ID="ChangePassword1" runat="server"
PasswordLabelText="Current Password:">
</asp:ChangePassword>
Is this what you want?
Yes, this is possible. As with many asp.net controls, there is a tag inside the control that allows you to customize the fields.
Take a look at this:
<asp:ChangePassword ID="ChangePassword1" runat="server"
ContinueDestinationPageUrl="~/Users/UserProfile.aspx" style="margin-right: 2px"
Width="450px">
<ChangePasswordTemplate>
<table cellpadding="1" cellspacing="0" style="border-collapse:collapse;">
<tr>
<td>
<table cellpadding="0">
<tr>
<td align="center" colspan="2">
Change Your Password</td>
</tr>
<tr>
<td align="left">
<asp:Label ID="CurrentPasswordLabel" runat="server"
AssociatedControlID="CurrentPassword">Password</asp:Label>
</td>
<td style="width: 166px">
<asp:TextBox ID="CurrentPassword" runat="server" TextMode="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="CurrentPasswordRequired" runat="server"
ControlToValidate="CurrentPassword" ErrorMessage="Password is required."
ToolTip="Password is required." ValidationGroup="ChangePassword1">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="left">
<asp:Label ID="NewPasswordLabel" runat="server"
AssociatedControlID="NewPassword">New Password</asp:Label>
</td>
<td style="width: 166px">
<asp:TextBox ID="NewPassword" runat="server" TextMode="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="NewPasswordRequired" runat="server"
ControlToValidate="NewPassword" ErrorMessage="New Password is required."
ToolTip="New Password is required." ValidationGroup="ChangePassword1">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="left">
<asp:Label ID="ConfirmNewPasswordLabel" runat="server"
AssociatedControlID="ConfirmNewPassword">Confirm New Password</asp:Label>
</td>
<td style="width: 166px">
<asp:TextBox ID="ConfirmNewPassword" runat="server" TextMode="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="ConfirmNewPasswordRequired" runat="server"
ControlToValidate="ConfirmNewPassword"
ErrorMessage="Confirm New Password is required."
ToolTip="Confirm New Password is required." ValidationGroup="ChangePassword1">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<asp:CompareValidator ID="NewPasswordCompare" runat="server"
ControlToCompare="NewPassword" ControlToValidate="ConfirmNewPassword"
Display="Dynamic"
ErrorMessage="The Confirm New Password must match the New Password entry."
ValidationGroup="ChangePassword1"></asp:CompareValidator>
</td>
</tr>
<tr>
<td align="center" colspan="2" style="color:Red;">
<asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
</td>
</tr>
<tr>
<td align="right">
<asp:Button ID="ChangePasswordPushButton" runat="server"
CommandName="ChangePassword" Text="Change Password"
ValidationGroup="ChangePassword1" />
</td>
<td style="width: 166px">
<asp:Button ID="CancelPushButton" runat="server" CausesValidation="False"
CommandName="Cancel" Text="Cancel" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</ChangePasswordTemplate>
</asp:ChangePassword>
Ultimately, it's just a table that holds the necessary textboxes. I forgot where I found this code, but it was probably another StackOverflow post.
Additionally, read http://msdn.microsoft.com/en-us/library/ms178339.aspx. It has more about how these template tags work.
Here is good tutorial in customizing the control in asp.net.
Aspx code
<div align="center">
<asp:ChangePassword ID="ChangePassword1" runat="server" BackColor="#F7F7DE"
BorderColor="#CCCC99" BorderStyle="Solid" BorderWidth="1px"
Font-Names="Verdana" Font-Size="10pt"
onchangedpassword="ChangePassword1_ChangedPassword">
<TitleTextStyle BackColor="#6B696B" Font-Bold="True" ForeColor="#FFFFFF" />
</asp:ChangePassword>
</div>
.cs file code
public partial class admin_Changepwd : System.Web.UI.Page
{
SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["myconnectionstring"].ConnectionString);
SqlCommand cmd;
SqlDataReader dr;
protected void Page_Load(object sender, EventArgs e)
{
}
protected void ChangePassword1_ChangedPassword(object sender, EventArgs e)
{
cmd = new SqlCommand("update Admin set Password ='" + ChangePassword1.ConfirmNewPassword + "' where userid = '" + Session["userid"] + "' and Password ='" + ChangePassword1.CurrentPassword + "'", con);
cmd.Connection.Open();
cmd.ExecuteNonQuery();
con.Close();
}
}
