Ajax Password Strength Control

Password Strength

This control is used to provide password strength with in either the text or bar indicator. Properties TargetControlID: StrengthIndicator Type: Used to specify what is the indicator typeto use that has two options text and bar indicator. Text strength Descriptions : Used to specify list of strings to display indicating the strength separated with semicolon. Textstrength Description style: list of CSS class separated with semicolon which are used to represent the strength. Barbordercss class:

• Used to specify the css class ti use for the border when the strength indicator type is set to Bar indicator.

Example The following example demonstrates how to use the password strength control. Add a page to the website and place a Toolkit Script manager followed by two textboxes on the page and set ID of the Textboxes. With in HTML source of the page in the head section create css style as follows <style type=”text/css”> .poor{background-color:Red; color:white; font-family:Arial Black; font-size:large; } .weak {background-color:Maroon; color:white; font-family:Arial Black; font-size:large; } .good { background-color:blue; color:white; font-family:Arial Black; font-size:large; } .strong { background-color:green; color:white; font-family:Arial Black; font-size:large; } .border { border-style:solid; border-width:medium; border-color:Blue; width:180px; padding:2px; } </style> Within HTML source it self take two password strength controls and set following properties for it. <asp:passwordstrength ID=”passwordstrength1” runat=”server” TargetControlID=”T1” TextstrengthDescriptions=”poor;weak;good;strong” Textstrenght DescriptionsStyles=”poor;weak;good;strong” StrengthIndicatorType=”Text”> <asp:passwordstrength> <asp:passwordstrengthId=”passwordstrength2” runat=”server” TargetcontrolID=”T2” BarBorderCssclass=”border”  TextstrengthDescriptionStyles=”poor;weak;good;strong” StrengthIndicatorType=”BarIndicator”> </asp:Passwordstrength>