...

1. Start the Joget Server and open the App Center.
   
   
2. Log in as admin and click on the pencil icon on the Expenses Claim to open the Design App . Composer (see Figure 1).
   Image Removed
   Image Added 
   Figure 1
   
   
3. Under FORMS Form Builder column, click on Expense Claim Form (see Figure 2)
   
   
   Figure 2
   
   
4. Drag and drop the  Form Grid element onto the canvas.
   
   
5. Click on the FormGrid Form Grid element on the canvas to canvas to open up the Edit Configure Form Grid properties.
   
   
6. Fill up the Configure Form Grid  properties as follows and click on   OK  Apply Change (see Figure 3):
   1. ID:  entries
   2. Form:  Expense Claim Entry

   3. Columns : 

      Field ID*	Label	Format Type
      date	Date	Date
      category	Category
      purpose	Purpose
      amount	Amount	Decimal

   
   Figure 3
   
   

7. Click on  Preview to open up the Preview tab, click on the plus sign on the Form Grid and it will open up a popup displaying the Form that it was referred to. (see Figure 4)
   
   
   Figure 4
   
   
8. Open up Expense Claim Entry and note the Field ID's are the same as written in the Edit Form Grid. This is how the Form Grid displays the data from said target form . (see Figure 5).
   
   
   Figure 5

Form Grid Properties

...