Silverlight PasswordBox control in VB.NET

In this article we will learn how to create and use PasswordBox control in the Silverlight 4.
  • 1884

In this article we will learn how to create and use PasswordBox control in the Silverlight 4.

PasswordBox control

PasswordBox control is used to hide the characters a user is typing for privacy and security reasons. It is essential to use this control whenever you are receiving a password from a user.

Properties - These are the following properties of the PasswordBox control.

pb.gif
 

Figure 1.

Width - The Width property of the Passwordbox control represent the width of a PasswordBox.

Height -  The Height property of the Passwordbox control represent the width of a PasswordBox.

MaxLength - The MaxLength property is used to get and set the maximum number of characters you can enter in a PasswordBox.

Password property - The Password property is used to get and set the current password in a PasswordBox.

PasswordChar - PasswordChar property is used to get and set the masking character for the PasswordBox. The default masking character is a dot(.).

VerticalAlignment - VerticalAlignment is used to Gets or sets the vertical alignment characteristics applied to this element when it is composed within a parent element such as a panel or items control.

HorizontalAlignment - HorizontalAlignment is used to Get or set the horizontal alignment characteristics applied to this element when it is composed within a parent element.

Name - Name property is used to Get and set the identifying name of the element.

Width - The Width property of the Passwordbox control represent the width of a PasswordBox.

Height -  The Height property of the Passwordbox control represent the width of a PasswordBox.

Creating a calendar in XAML

<PasswordBox Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="PasswordBox1"VerticalAlignment="Top" Width="120" />

The Width and Height attributes of the PasswordBox element represent the width and the height of a Password. The Name attribute represents the name of the control, which is a unique identifier of a control.

The default view of the PasswordBox control looks like this.

pb1.gif
 

Figure 2.

Creating a PasswordBox control at run time

Public Sub New()

        InitializeComponent()

        Dim pw As New PasswordBox()

        pw.Height = 30

        pw.Width = 200

        pw.MaxLength = 25

        pw.PasswordChar = "*"

        LayoutRoot.Children.Add(pw)

    End Sub

 

Using the property PasswordChar

The default masking character is a dot(.) but we can change masking character . to * or other char.

Foe example we change property PasswordChar =* and then enter password in the box. It will looks like this.

pb3.gif
 

Figure 3.

Output looks like this.

pb4.gif
 

Figure 4.

Using MaxLength property

The maxLenth property Defines the maximum number of character that we enter in the PasswordBox control.

For example - suppose we sets the MaxLenth property = 6 then it will take only 6 char after 6 char it will stop to take character automatically.

Figure 5.

pb5.gif
 

Output looks like this.

pb6.gif
 

Figure 6.

Using Background property

Set the background property to display the background color of the control.

pb7.gif
 

Figure 7.

Output looks like this.

pb8.gif
 

Figure 8.

We can also select a background image in PasswordBox control.

pb11.gif
 

Figure 9.

XAML Code

<PasswordBox.Background>

<ImageBrush ImageSource="/SilverlightApplication34;component/Images/flowers-image.jpg" />

</PasswordBox.Background>

 

Using foreground property

Set the Foreground property to display the char color of the control.

pb9.gif
 

Figure 10.

Output looks like this.

pb10.gif
 

Figure 11.

Categories

More Articles

© 2019 DotNetHeaven. All rights reserved.