mobileNavlogo
headerlogo

Ajax Password Strength Control

Blog Author

Tekslate

Published Date

20th September, 2018

Ratings

Views

755

  • Share this blog :

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>

About Author
Authorlogo
Name

TekSlate

Author Bio

TekSlate is the best online training provider in delivering world-class IT skills to individuals and corporates from all parts of the globe. We are proven experts in accumulating every need of an IT skills upgrade aspirant and have delivered excellent services. We aim to bring you all the essentials to learn and master new technologies in the market with our articles, blogs, and videos. Build your career success with us, enhancing most in-demand skills .

Related Blogs

Write For Us