Great Ideas. Always Flowing.

We are not happy until you are happy. Client satisfaction guaranteed. Whatever your needs and requirements, we have the skills and resources for the job!

Popular Tags...

Tags

SnowCovered Top Sellers

Frustrated over the lack of customization for your user's registration fields? Dynamically setup your DNN Portal with custom registration fields, layout, questions, and other core integration options......

Ultra Video Gallery is a brother product of Ultra Media Gallery, UVG allows you to upload videos in various format and automatically encode them to flv or H264 format, you also can add videos from internet or record live videos from your webcam.

Build high performance, completely customizable data-entry forms and views driven by your DNN and external databases. New built-in tools make it a snap to quickly create data entry forms, data views, and even database tables. Plus, add your own HTML, CSS, Javascript, SQL commands, stored procedures,

The most advanced DotNetNuke shopping cart on the planet. Easy to use e-Commerce, Secure Shopping Cart Software and SEO friendly. B2C / B2B Ecommerce Sites.

One stop solution for events calendar and events registration! FREE DOWNLOAD is available now!

Recently Viewed...

To help you navigate to pages you most recently visited, select from the links below.    
SharePoint Search Results Customizations
Joomla VS DotNetNuke

Configuring AJAX PasswordStrength Control

Microsoft Ajax PasswordStrength Control

 

Have you seen the attractive bar that tells the user how strong the password is in Google mail? Ever wanted to implement that in your a own projects? It is easy with Microsoft Ajax PasswordStrength control.

 

The PasswordStrength Extender control is a part of the Microsoft Ajax Extensions which are available from Microsoft’s website as a separate install for Microsoft Visual Studio if you are using Visual Studio 2005. If you are using Visual Studio 2008, Microsoft Ajax is installed as a part of the IDE, but you may have to install the Ajax controls. For the purpose of this article we have assumed that you have the Ajax control toolkit installed on your system.

 

The PasswordStrength Extender is an extender Ajax control, i.e. it is not an independent control, but it extends the behavior of an existing ASP.Net control. The PasswordStrength extender extends the behavior of the Textbox control.

 

Using PasswordStrength Extender in Your Project

 

Since the PasswordStrength Extender works with a standard ASP.Net textbox, begin by placing a Textbox on your page. If you click on the textbox, you will notice the tiny arrow. Click on it and you will see a context menu with the command ‘Add Extender’. In the list that appears find the PasswordStrength extender and click ‘OK’.

 

 

 

Toggling to the ‘Source’ view, you will find the PasswordStrength control in your markup.

 

    <cc1:PasswordStrength ID="TextBox1_PasswordStrength" runat="server"

        Enabled="True" TargetControlID="TextBox1">

    </cc1:PasswordStrength>

 

Notice that the TargetControlID property of the PasswordStrength control is set to the name of your Textbox. This is how the PasswordStrength Control Extender recognizes which Textbox it is supposed to work with.

 

Working With PasswordStrength Ajax Extender

 

The PasswordStrength Extender provides a number of properties that you can modify to set up the control’s look and functioning. Here are some of the important properties that you will want to modify.

 

DisplayPosition: Decides where you want to place the password strength prompt. This is in relation to the textbox the PasswordStrength Extender extends.

 

TextStrengthDescriptions: A semicolon separated list of prompts that the user will see based on the strength of the password. You can add as many prompts as you like, although usually 4 or 5 are enough.

 

PrefixText: The prefix to put before the prompt.

 

Let’s see how the PasswordStrength Control would look with these properties set.

 

    <cc1:PasswordStrength ID="TextBox1_PasswordStrength" runat="server"

        Enabled="True" TargetControlID="TextBox1" DisplayPosition="RightSide" PrefixText="Strength:" TextStrengthDescriptions="Poor;Weak;Average;Good;Excellent">

    </cc1:PasswordStrength>

 

Here’s how the PasswordStrength looks with these settings.

 

 

Kind of boring. Isn’t it? Luckily this is not the only way the PasswordStrength Extender can look. If you don’t want the text, you can also display a bar instead. It also supports CSS so that you can modify the fonts and the appearance.

 

To change the appearance of the PasswordStrength Control, you can modify the following CSS properties.

 

TextCSSClass : Modify the appearance of the Passwordstrength Text.

BarBorderCSSClass : Modify the look of the Passwordstrength Bar’s border.

BarIndicatorCSSClass : Modify the appearance of the PasswordStrength Bar.

StrengthStyles : Up to three CSS class names separated by a comma to modify the look of the control according to the strength of the password.

HelpHandleCSSClass : CSS class for the dialog that displays the password requirements.

 

Let’s have a look at a PasswordStrength control configured to display a bar.

 

 

Here’s the code for the example above.

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

 

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

 

<head runat="server">

    <style>

        .barBorder

        {

            border: solid 1px red;

            width: 300px;

        }

        .barInternal

        {

            background: yellow;

        }
        .barInternalGreen

        {

            background: green;

        }

 

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server" />

        <asp:TextBox TextMode="Password" ID="TextBox1"

        runat="server"

        Width="233px"></asp:TextBox>

        <cc1:PasswordStrength ID="TextBox1_PasswordStrength"

        runat="server" Enabled="True"

            TargetControlID="TextBox1"

            DisplayPosition="RightSide"

            StrengthIndicatorType="BarIndicator"

            BarBorderCssClass="barBorder"

            BarIndicatorCssClass="barInternal">

        </cc1:PasswordStrength>

    </div>

    </form>

</body>

</html>

 

Note that we have two new CSS classes in the document, and we have set the properties for BarBorderCssClass and BarIndicatorCssClass. Setting these CSS classes are important to display the PasswordStrength Bar. You can also display these classes in a separate stylesheet if you want.

 

If you want to make the PasswordStrength indicator look different for different levels of password strength, you can do that too. You can assign a list of semicolon separated CSS classes to the StrengthStyles property and the PasswordStrength extender will select the appropriate style on the basis of the current password’s strength. Example, the code below will make the bar indicator turn green if the password is at least 50% strong.

 

        <cc1:PasswordStrength ID="TextBox1_PasswordStrength"

        runat="server" Enabled="True"

            TargetControlID="TextBox1"

            DisplayPosition="RightSide"

            StrengthStyles="barInternal;barInternalGreen"

        </cc1:PasswordStrength>

 

Configuring PasswordStrength Extender

 

The PasswordStrength Extender also lets you decide the criterion for a good password. You can modify some simple properties to make the rules as easy or as tough as you want. Here are the properties to modify if you want to change the password rules.

 

CalculationWeightings : The password is composed of 4 elements – length, case, numerics and symbols. The CalculationWeightings property lets you assign importance to each one of them through a semicolon separated string. Example if you set the string ‘35;25;20;20’ then you’ve given 35% importance to length, 25% to casing, 20% to numerics and symbols each.

 

MinimumLowerCaseCharacters : The minimum number of lowercase characters that the password must have.

 

MinimumNumericCharacters : The minimum number of numeric characters that the password must have.

 

MinimumSymbolCharacters : The minimum number of symbol characters that the password must have.

 

MinimumUpperCaseCharacters : The minimum number of uppercase characters that should be in the password.

 

PrefferredPasswordLength : How long should be password be.

 

RequiresUpperAndLowerCaseCharacters : Set this flag to make mixed casing a requirement.

 

You can set these properties in the markup too, or you can also set them in the code-behind. In fact you can set all of the properties we’ve worked with in code-behind too. Let’s see an example of these properties and let’s set them in the codebehind.

 

    protected void Page_Load(object sender, EventArgs e)

    {

        PassStrength.CalculationWeightings = "35;25;20;20";

        PassStrength.MinimumLowerCaseCharacters = 2;

        PassStrength.MinimumNumericCharacters = 2;

        PassStrength.MinimumSymbolCharacters = 2;

        PassStrength.MinimumUpperCaseCharacters = 2;

        PassStrength.PreferredPasswordLength = 10;

        PassStrength.RequiresUpperAndLowerCaseCharacters = true;

    }

 

You can set these properties either in the Load event of the page, or in a separate procedure as long as you call it from the Load event. They will work the same as if you set them in the markup.

 

Unless you are working in an enterprise intranet situation where you have specific needs for the password, you shouldn’t go overboard with these settings. If you are making an Internet website that will have many users, don’t make a very strong password a requirement. Many users have their favorite word, or specific phrases as password that they find easier to remember. Preventing them from using them will make them unhappy.

 

However if you are making this for a bank or where sensitive data is handled, then you can use these settings to prompt the user to select a very secure password.

 

Finally

 

PasswordStrength Extender is a fast, efficient control that works by emitting pure javascript at the client side based on your settings. The control, a part of the free Microsoft Ajax Toolkit makes it easier to implement rich client features on your website.

 

You are now familiar with the control’s basic properties and know how to modify its appearance and behavior. You can now start using the Microsoft Ajax PasswordStrength Extender in your own projects.

 

Share the page?

AJAX Password Strength Control  - share this page - email email - del.icio.us del.icio.us - digg digg - reddit reddit

Feedback Comments

Feedback

SharePoint Web Parts


All Data Springs Web Parts Support WSS 3.0, SharePoint 2007, and SharePoint 2010 Frameworks

Please select license option for each web part you wish to purchase. We highly recommend the SharePoint Bundle to get all Data Springs Web Parts for maximum value!

 

 

      
Cart


Data Springs Sharepoint Bundle

Best Value! The Bundle gives you all 5 web parts in one package at a very attractive price! Best Value! We think you will be very happy with the SharePoint bundle and great price discounts you will receive. With your purchase all of the web parts below will be included.
 
 
 
 

Random Image Web Part

With Random Image for Sharepoint 2007, you can select multiple images to display randomly when the web part loads...
 
 
 
 

Stock Quote Web Part

Giving your site visitors relevant information is critical. With the Data Springs Stock Web Part you can provide your users with up to date financial information
 
 
 
 

Dynamic Image Rotator Web Part

Who would have thought? Adobe Flash® with Sharepoint! The FIRST and ONLY image rotation web part for Sharepoint using Flash Technology from Adobe! The Dynamic Image Rotator displays selected images and then rotates between the images. Several extended and optional features allow you to select the time to rotate each image, fade between
 
 
 
 

SharePoint Charts Web Part

The MOSS Chart Web Part is a web part built by Data Springs for the purpose of rendering several chart types based on data from a SharePoint list on a MOSS 2007 or WSS 3.0 Site
 
 
 
 

Dynamic News Ticker Web Part

Provide current news items with a user-friendly news ticker for your Sharepoint Portal. With millions of web sites offering information you need a fun way to display information and the solution is Flash News Ticker....
 
 
 
 

Tailored Text Web Part

 Tailored Text Web Part allows you to add text/html to your web site that can be different for anonymous users, registered users,  and even individual users specifically.

 
 
 
 

Dynamic Views Web Part

Dynamic Views is an excellent tool to:
Personalization allows you to go the extra mile in communicating or connecting one to one with your clients. When it comes to technology and web site content, you now have the power to leverage this personalization directly with your users on your DotNetNuke® site

 
 
 
 

Dynamic Login Web Part

Your site content isn't vanilla, so why is your portal's login?

Add pizazz and functionality with Dynamic Login! Use custom templates, localization, redirection rules for various roles and many more features!
 
 
 
 


DNN Modules

DotNetNuke Modules


Data Springs offers cost-saving packages that fit your needs:

Purchase the Collection 6.0

Data Springs Collection 6.0

An entire tool chest to quickly build websites and construct complex, powerful, and relevant workflow. Elevate your design with custom registration, forms, displays, reports, user management, payments, Google maps,, SQL updates, and so much more!

Best Value!  Includes all DotNetNuke modules by Data Springs.

$ 495.00

Data Springs User Management Suite 3.0

All the tools you need to enhance user & profile management from A to Z!.  A comprehensive package with 5 feature-packed modules that offer extensive admin controls and easy user interface geared towards an effective and growth-oriented site!  .... more

 

Includes:  Dynamic Registration     Dynamic Login   ♦   Interactive User Import     Dynamic User Directory   ♦   Renewal Reminder    A value of more than $630.00!

 $ 369.00

 

 

Check out all our individual modules!

 

 View Dynamic Registration

Dynamic Registration 5.0 (new release on 6/12/2013)

Need custom fields and workflow for your registration? Get all the power and ease of use to create the registration and profile management just the way you want it... more

$ 199.00

View Dynamic Forms

Dynamic Forms 4.1 (released 5/16/2012)

Whether it's for marketing, sales, contact forms, scheduling, information requests, surveys, or to simply better understand your customer needs, the possibilities for creating powerfully effective forms are now easy and endless! ... more

$ 195.00

 

Dynamic Views 3.1 (new on 2/7/2013)

Now have an easy yet feature-rich reporting module with custom defined display templates and unlimited search options from  Dynamic Forms or any data source like a table, view or custom query!  ... more

$ 169.00

 View Dynamic Login Module

Dynamic Login 4.1 (released 10/19/2011)

Add pizazz and functionality to your site login! Dynamic Login gives you custom templates, localization, redirection rules, SQL Validation, and Single SignOn. Want more? How about Facebook Connect, LinkedIN, and Twitter, too? Your login has never been so exciting!.   ... more

$ 149.00

 View Interactive User Import

Interactive User Import 3.0 (released 8/17/2011)

Interactive User Import provides you with the functionality to easily and quickly import users into DotNetNuke and Dynamic Registration, through a streamlined and well-documented wizard that includes many advanced features... more

$ 149.00

 View Dynamic User Directory

Dynamic User Directory 4.1 (released 4/26/2012)

The perfect compliment for extending your portals users and community! An essential ingredient for managing dynamic user information, is being able to sort key fields and create useful user directories and custom report information... more

$ 179.00

 View Renewal Reminder

Renewal Reminder 1.3

Renewal Reminder provides you with the functionality to setup email notifications for users that their security role will soon expire. After installing your renewal / security role reminder module you can now setup scheduled notifications to be distributed to your users... more

$ 129.99
 View Opt In Email

Opt In Email 5.0 (new on 4/17/2013)

'Relationship Building' and 'Communication' are two essential nuts and bolts for a business to prosper. This module allows you to bridge both of these and easily generate continuous awareness of your web site, products and services. Your prospects and customers will greatly appreciate this feature... more

$ 179.00

 View Tailored Text

Tailored Text 3.0

Personalization allows you to go the extra mile in communicating or connecting one to one with your clients. Leverage the power personalized content on your DotNetNuke site... more

$ 109.99
 View Stock Quote

Stock Quote 1.2

Giving your site visitors relevant information is critical. With the Data Springs Stock Module you can provide your users with up to date financial information... more

$ 109.99
 View Presentation Archive

Presentation Archive 2.0

With so much content on your web site, its important to give users an easy method for finding and retrieving content. Presentation Archive allows you to categorize, organize and present content within your DotNetNuke site for presentations, educational material, videos, and almost any document... more

$ 124.99
 View Real Estate

Real Estate 2.3

Real Estate 2.3 is a feature rich and user-friendly module that allows your portal users the ability to create real estate listings on your site... more

$ 149.99
 View Dynamic Image Rotator

Dynamic Image Rotator 3.3

Dynamic Image Rotator displays selected images and then rotates between the images using the Adobe® Flash® platform.  Several extended and optional features allow you to select the time to rotate each image, fade between images, and also display the images in either sequental or random order... more

$49.99
 View Info Pics Gallery

Info Pics Gallery

The Info Pics Gallery Module allows you to display thumbnail pictures with information to the user about each picture, along with a detailed description regarding the set of pictures and several other optional links... more

 $ 69.99
 View Testimonials Module

Testimonials

The Testimonials Module allows you to display customer testimonials on your site, as well as an easy method for users to submit testimonials about your web site, services, or products... more

 $ 49.99
 View Dynamic Info Cube

Dynamic Info Cube

Take your web site out of the box! Looking for a creative and interesting way to showcase information and content on your site? With millions of web sites offering information you need a fun way to display information and the solution is Dynamic Info Cube... more

$ 99.95
 Search Engine Optimization Cloud Module for DotNetNuke

Dynamic Tags

Nearly every web site developer would agree that search engine optimization is one of key aspects to a successful web site. Part of search engine optimization requires providing search engines that crawl your web site with appropriate and meaningful content... more

$ 69.99
 View Page Tags

Page Tags

'Page Tags' pulls in search terms that users searched to find the current page. There are many benefits to displaying these search words that delivered the user to the site, find our more details ... more

$ 59.99
 Random Rounded Images

Random Rounded Images

Random Rounded Images is an easy to use upgraded version of the images module included with DNN. With RRI, you can select multiple images to display randomly when the module loads. For example, you can add 10 images to the module, and each time you refresh or load the page one of those images will... more

$ 49.99
 View Back on Track

Back on Track

Giving your site visitors fast access to areas of interest is vital to your web site's ease of use and ultimately - sales potential... more

$ 99.99
 

Dynamic News Ticker 2.0

Dynamic News Ticker allows you to scroll through news items in a horizontal or veritical direction with administrative features that allow you to easily customize the look of your news ticker. Each instance of Dynamic News Ticker can be set up to have different sizes, scroll directions, scroll speed... more

$ 39.00
 View Quick Poll

Quick Poll

Give your users a voice, while also providing an important way for you to gather opinions from your users and measure visitors' responses to questions on your site! Polls are significant because they can provide a way for your web site visitors to share ideas and vote on topics of your choosing... more

$ 39.99
 View Flash Contacts

Dynamic Contacts 2.0

Dynamic Contacts is the fastest and easiest way you can help visitors of your website connect with your key personnel... more

$ 79.99
     

 

 

 
 

Join our mailing list...

Get current news and events the easy way
 
 
   
Subscribe Me

Recent Blogs...

 
Copyright 2005 - 2011 by Data Springs, Inc.