The PasswordBox component allows users to enter passwords within their applications.
On this page:
Requirements
This component is Portable. It runs both on Windows and on Web Pages hosted in any platform.
Configuration
- Go to Displays / Draw.
- On the Components Panel, select Interaction, then TextBox, PasswordBox, or NumericTextBox.
- Click or drag-and-drop it on the Drawing area to use it.
- Double-click the component to open the configuration window.
A PasswordBox is a subset of TextBox control that captures user passwords securely by masking the input characters. It binds to a specific variable to reflect and control the value entered. Users can configure label text, linked value, preview options, border style, and label settings.
PasswordBox Settings | |
|---|---|
Label Text | Specifies the text displayed next to the PasswordBox. It helps users understand the context or purpose of the input field. In this example, it displays "Password." |
Linked Value | Binds the PasswordBox to a specific tag. This binding ensures the PasswordBox reflects and controls the value of the specified tag. |
Preview | Controls the preview of the label content or data bindings. Options are: LinkedTags: Displays the object path of a linked tag, such as Tag.Temperature.Value. Whitespace: Shows a white space as a placeholder. Placeholder: Displays the symbol # as a placeholder. |
Border | Sets the border style for the PasswordBox. Options are: OutlineAndFill: Combines both an outline and a fill effect for the border. OutlineOnly: Displays only the outline of the control. HorizontalLine: Shows a horizontal line as the border. |
Position | Defines the label's position relative to the PasswordBox. Options are: Auto: The label position is determined automatically based on the available space and button size. Top: The label is positioned above the PasswordBox. Left: The label is positioned to the left of the PasswordBox. Inside: The label is positioned inside the PasswordBox, usually centered. None: The PasswordBox has no visible label. |
Width | Specifies the width of the label. Default is 80. |
Auto | When enabled, the label's width is defined automatically. |
Preview (Label Settings) | Controls the preview of the label content or data bindings. Options are: LinkedTags: Displays the object path of a linked tag, such as Tag.Temperature.Value. Whitespace: Shows a white space as a placeholder. Placeholder: Displays the symbol # as a placeholder. |
Runtime Execution
When users type into a TextBox, the application captures and processes the input, making it available to the configured tag.
In this section: