ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / Input Extenders / C1InputMaskExtender / Hiding Input in Passwords and SSNs
In This Topic
    Hiding Input in Passwords and SSNs
    In This Topic

    The C1InputMaskExtender widget allows you to use password characters so that the actual password or social security number doesn't appear on the screen.

    1. Create an ASP.NET Web application.
    2. Add two standard TextBox controls to the main content of  your page.
    3. Click the first TextBox's smart tag and select Add Extender from the Tasks menu.
    4. In the Extender Wizard, select C1InputMaskExtender and click OK. A C1InputMaskExtender control is added to the page and the TargetControlID is set to TextBox1.
    5. Add a C1InputMaskExtender to the second TextBox as well. A second C1InputMaskExtender control is added to the page and the TargetControlID is set to TextBox2.
    6. Select View | Properties Window in the Visual Studio menu.
    7. Click the drop-down list at the top of the Properties window and select TextBox1_C1InputMaskExtender. Set the following properties:

    Mask

    000-00-0000

    PasswordChar

    #

    HidePromptOnLeave

    True

    8.       Click the drop-down list at the top of the Properties window and select TextBox2_C1InputMaskExtender. Set the following properties:

    Mask

    CCCCCCC

    PasswordChar

    *

    HidePromptOnLeave

    True

    9.       Press F5 to run the application and enter numbers in the first textbox. They are hidden by the '#' character. Enter numbers or letters in the second textbox. They are hidden by the '*' character.