...

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 Removed
   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 Removed
   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 Removed
   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
    Image Added 
   Figure 4

Password Field Properties

Edit Password Field

Image RemovedImage Added

Advanced Options

Data

Image RemovedImage Added

#currentUser.firstName# #currentUser.lastName#

UI

Image RemovedImage Added