...

The easiest way to see how the Password Field works is to create a new app. Here are the steps:

...

1. Start the Joget Server and open the App Center.
   
   
2. Log in as admin and click on the Design New App button. (see Figure 1)
   
   Image Added
   Figure 1
   
   
3. Fill up the App Details as follows and click Save (see Figure 2):
   1. App ID: tutorial
   2. App Name: Tutorial
   
   Image Added
   Figure 2
   
   
4. 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):
   
   1. Form ID: passwordField
   2. Form Name: Password Field
   3. Table Name: tutorial
   
   Image Added
   Figure 3
   
   
5. Click on Save and you will be directed to the  Form Builder.
   
   
6. Drag and drop a Password Field element on to the canvas.
   
   
7. Click on Preview, key in any value in the Password field and it will be automatically masked (see Figure 4).
   

^{Image Removed}

^{Figure 1}

^{Image Removed}

^{Figure 2}

^{Image Removed}

^{Figure 3}

^{Image Removed}

1. 
   Image Added
   Figure 4

Password Field Properties

Edit Password Field

Image Added

Advanced Options

Data

#currentUser.firstName# #currentUser.lastName#

Image Added

UI

Image Added