PasswordBox | X4Documentation

<PasswordBox> controls can be used to create password text fields. Depending on the definition of the control, the appearance changes.

Instructions for use

A <PasswordBox> control is created with the <PasswordBox> element.

<PasswordBox>
...
</PasswordBox>

<PasswordBox> controls can be used in all available layout types: For more information, see Layouts.

Attribute

Note:

There are a number of default attributes that can be set for all controls. For more information about the default attributes, see Default attributes.

In addition to the default attributes, you can define the following attributes for <PasswordBox> controls.

Attribute	Description
`displayName`	Title of the password field. Appears small above the input/output field. Translatable Data binding possible Possible values: Any string
`displayToggle`	Specifies whether the password field can be toggled to display the password. Possible values: `true`: The password field can be toggled to display the password. `false`: The password field cannot be toggled. The password remains hidden.
`value`	Required Contents of the password field. Translatable Data binding possible Possible values: Any string

Attribute

Description

displayName

Title of the password field. Appears small above the input/output field.

Translatable
Data binding possible

Possible values:

Any string

displayToggle

Specifies whether the password field can be toggled to display the password.

Possible values:

true: The password field can be toggled to display the password.
false: The password field cannot be toggled. The password remains hidden.

value

Required

Contents of the password field.

Translatable
Data binding possible

Possible values:

Any string

Example

PasswordBox in the Detail Component

XML

<DetailComponent xmlns="http://softproject.de/webapp/1.0" name="PasswordBox">
    <FlowLayout>
        <PasswordBox value="My password" displayToggle="true" displayName="Enter your password"/>
        <PasswordBox value="My password" displayToggle="true" displayName="Confirm your password"/>
    </FlowLayout>
</DetailComponent>