| Panel |
|---|
| borderColor | purple |
|---|
| borderWidth | 1 |
|---|
| titleBGColor | #ddccff |
|---|
| borderStyle | solid |
|---|
| title | New Feature |
|---|
|
This feature was enhanced in Joget Workflow v6 where the "Value" field is masked to protect the default password value. |
Introduction
...
The easiest way to see how the Password Field works is to create a new app. Here are the steps:
| Steps | Screens (Click to view) |
|---|
- Start the Joget Server and open the App Center.
- Log in as admin and click on the Design New App button. (see Figure 1)
- Fill up the App Details as follows and click Save (see Figure 2):
- App ID: tutorial
- App Name: Tutorial
- You will be directed to the Design App. Click on the Create New Form button and fill up the Form Details as follows (see Figure 3):
- Form ID: passwordField
- Form Name: Password Field
- Table Name: tutorial
- Click on Save and you will be directed to the Form Builder.
- Drag and drop a Password Field element on to the canvas.
- Click on Preview, key in any value in the Password field and it will be automatically masked (see Figure 4).
|  Image Modified
Figure 1
 Image Modified
Figure 2  Image Modified
Figure 3
 Image Modified
Figure 4 |
Password Field Properties
...
| Name | Description | Screen (Click to view) |
|---|
| Value | Default Value when there's no existing value found. A hash variable is accepted here. For example, you may key the following | Code Block |
|---|
#currentUser.firstName# #currentUser.lastName# |
to pre-populate the field with currently logged in user's name.
| Info |
|---|
| This feature was enhanced in Joget Workflow v6 where the "Value" field is masked to protect the default password value. |
| |
| Max Length | Maximum character length allowed. |
| Validator | Attach a Validator plugin to validate the input value. | Info |
|---|
| title | When will validation takes place? |
|---|
| Validation will take place whenever a form is submitted except when it is submitted as "Save as Draft". |
|
UI
| Name | Description | Screen (Click to view) |
|---|
| Size | Width of the element. |  Image Modified
|
| Readonly | Determines if the element is editable. |
| Display field as Label when readonly? | Displays the value of the element as plain text when an element is set to "Readonly". |
