PasswordBoxEdit

• Jun 07, 2019
• 2 minutes to read

Overview

The PasswordBoxEdit control is an advanced text box designed for entering private information.

The PasswordBoxEdit control offers the following features.

• Configurable password char

  Use the PasswordBoxEdit.PasswordChar property to choose a character that is displayed within the editor’s text box.

  

• Optional null text

  Use the PasswordBoxEdit‘s BaseEdit.NullText property to specify the null text. The null text is displayed to the user when the password box is empty.

• Configurable maximum password length

  Use the PasswordBoxEdit‘s TextEditBase.MaxLength property to limit the length of the password.

• Password strength estimation

  Use the editor’s PasswordBoxEdit.PasswordStrength property to display the estimated strength of the entered password.

  XAML

  <dxe:PasswordBoxEdit Name="pb"/>
  <Label Content="{Binding ElementName=pb, Path=PasswordStrength}"/>
  

  You can estimate password strength manually using the PasswordBoxEdit.CustomPasswordStrength event.

• Input validation

  Advanced data validation capabilities

  

• Optimized for in-place editing

  PasswordBoxEdit can be used standalone or as an in-place editor nested in a container control. The PasswordBoxEditSettings class implements the in-place editing functionality. See In-place Editors to learn more.

Standalone PasswordBoxEdit

To add a standalone PasswordBoxEdit to a Window, drag it from the Toolbox.

The following sample demonstrates how to create a PasswordBoxEdit using XAML markup.

XAML

<dxe:PasswordBoxEdit PasswordChar="#" NullText="Enter your password" MaxLength="8"/>

In-place PasswordBoxEdit

To embed a PasswordBoxEdit into a container control, use the PasswordBoxEditSettings class.

The following sample demonstrates how to embed a PasswordBoxEdit into a GridControl column.

XAML

<dxg:GridControl>
    <dxg:GridColumn FieldName="Password">
        <dxg:GridColumn.EditSettings>
            <dxe:PasswordBoxEditSettings PasswordChar="#" NullText="Enter your password..." MaxLength="8"/>
        </dxg:GridColumn.EditSettings>
    </dxg:GridColumn>
    <dxg:GridControl.View>
        <dxg:TableView/>
    </dxg:GridControl.View>
</dxg:GridControl>