PasswordBox control
The PasswordBox control looks like TextBox
control. The TextBox doesn't have a password mode. For the Password Mode we use
PasswordBox control but password control does not support TextBox features like
multiline text, typography, text decorations. 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.
Creating a PasswordBox control 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.
Figure1.gif
Important property
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.
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.
Figure2.gif
Output looks like this.
Figure3.gif
Using the property PasswordChar
The default masking character is a dot(.) but we
can change masking character . to * or other char.
For example we change property PasswordChar =* and then enter password in the
box.
XAML code
<PasswordBox
Height="29"
HorizontalAlignment="Left"
Margin="142,16,0,0"
Name="PasswordBox1"
VerticalAlignment="Top"
Width="167"
PasswordChar="*"
/>
It will looks like this.
Figure4.gif
Using foreground property
Set the Foreground property to display the char
color of the control.
XAML code
<PasswordBox
Height="30"
HorizontalAlignment="Left"
Margin="94,64,0,0"
Name="PasswordBox1"
VerticalAlignment="Top"
Width="236"
PasswordChar="*"
Foreground="Aqua"
/>
The form looks like the below figure.
Figure5.gif