Figure 1: Screenshot highlighting Advanced Grid in Form Builder

Figure 2: Screenshot highlighting Advanced Grid in actual Form

Figure 3: Screenshot highlighting Advanced Grid on Date Picker element in Form Builder

Figure 4: Screenshot highlighting Advanced Grid on Select Box element in Form Builder

Figure 5: Advanced Grid Properties

NameDescription
IDElement ID (By declaring as "entries", a corresponding database table column "c_entries" will be created)
LabelElement Label to be displayed to end user.
FormTarget form for record editing.
Columns

The columns defined here must be correspondent to the Form chosen above.

NameDescription
Value

Field ID of the target form.

Example:

In "HR Expense Claim Entry" form, there are Form Elements with the ID "date", "category", "purpose", and "formattedAmount"

LabelColumn Label.
Width

Column width in characters.

200px

Figure 6: Advanced Grid Properties - UI

NameDescription
Search 
Readonly 
Disable Add Feature 
Disable Delete Feature 
Delete confirmation message 
Show Row Numbering? 
Key to save cell 
Edit hint 
Record Per Page 
Paging Options 

Figure 7: Advanced Grid Properties - Validation & Data Binder

NameDescription
Validator

Attach a Validator plugin to validate the input value.

Validation will takes place whenever form is submitted except when it is submitted as "Save as Draft".

Unique ColumnColumn/Field ID to identify record ID.
Min Number of Row Validation (Integer)
Min Number of Row Validation (Integer)
Max Number of Row Validation (Integer)
Max Number of Row Validation (Integer)
Error Message
Error message to be shown when row requirements set above is not met.
Load Binder

Option by default. Grid data will be saved/loaded in JSON format in its defined database cell.

In this example, Multirow Form Binder is used to load data from other form.

Store Binder

Option by default. Grid data will be saved/loaded in JSON format in its defined database cell.

In this example, Multirow Form Binder is used to load data from other form.