#Passwordbox alternative password

The password reveal button is shown only when the PasswordBox receives focus for the first time and a character is entered. Other factors include whether the control is displayed above a minimum width, whether the PasswordBox has focus, and whether the text entry field contains at least one character. The value of the PasswordRevealMode property is not the only factor that determines whether a password reveal button is visible to the user. The user must continuously press the button to view the password, so that a high level of security is maintained. When the user releases it, the password is automatically hidden again.īy default, the password reveal button (or 'peek' button) is shown. The PasswordBox has a built-in button that the user can press to display the password text. There is no property to specify a minimum length, but you can check the password length, and perform any other validation, in your app code. Specify the maximum number of characters that the user can enter by setting the MaxLength property. If it is, you display a message to the user. When the user enters a password, you check to see if it's the literal value, 'Password'. Here's the XAML for a password box control that demonstrates the default look of the PasswordBox. Or, you can use another event, like a button Click, to perform validation after the user completes the text entry. You can do this in the handler for the PasswordChanged event to perform validation while the user enters the password.

Use the Password property to get or set the contents of the PasswordBox. Open the WinUI 3 Gallery app and see PasswordBox in action.

Important APIs: PasswordBox class, Password property, PasswordChar property, PasswordRevealMode property, PasswordChanged event.

WinUI 2.2 or later includes a new template for this control that uses rounded corners. We recommend using the latest WinUI 2 to get the most current styles and templates for all controls.

Open the WinUI 2 Gallery app and see PasswordBox in action.

UWP APIs: PasswordBox class, Password property, PasswordChar property, PasswordRevealMode property, PasswordChanged event.

Pressing the 'reveal' button on the right gives a peek at the password text being entered:ĪPIs for this control exist in the Windows.UI.Xaml.Controls namespace. When the user types in a password box, the default behavior is to show bullets that hide the text being entered: The password box has several states, including these notable ones.Ī password box at rest can show hint text so that the user knows its purpose:

When a password box is used to enter a PIN, consider providing an instant response as soon as the last number is entered instead of using a confirmation button.

Only show a single password box for logins.

Consider presenting two password boxes for account creation: one for the new password, and a second to confirm the new password.

To prevent this from happening, put some spacing between the password in put box and the other control, or put the other control on the next line. The password box has a password reveal button for users to verify the passwords they have typed, and having another control right next to it might make users accidentally reveal their passwords when they try to interact with the other control.

Don't put another control right next to a password input box.

Word length varies between languages, so take localization into account if you want your app to be world-ready. Give the password box an appropriate width for the range of values that can be entered.Placeholder text is displayed inside the text input box and disappears once a value has been entered. A label is visible whether or not the text input box has a value. Use a label or placeholder text if the purpose of the password box isn't clear.

Use a PasswordBox control to collect a password or other private data, such as a Social Security number.įor more info about choosing the right text control, see the Text controls article. You can disable the reveal button, or provide an alternate mechanism to reveal the password, such as a check box. You can configure the placeholder character.īy default, the password box provides a way for the user to view their password by holding down a reveal button. A password box looks like a text box, except that it renders placeholder characters in place of the text that has been entered. A password box is a text input box that conceals the characters typed into it for the purpose of privacy.

Passwordbox alternative