Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

NameDescriptionScreens (Click to view)
IDElement ID. (By declaring as "entries", a corresponding database table column "c_entries" will be created)

LabelElement Label to be displayed to the 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.

Info
iconfalse
titleExample

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

LabelColumn Label.
Format Type

If you would like to format the returned value, you may make use of the format type.

Available Format Types

  • Date - formats the field as date.
  • Decimal - formats the field as decimal.
Width

Column width in characters.

Code Block
titleSample
200px
Readonly

Determines if the column is editable.

UI

Grid

NameDescriptionScreens (Click to view)
SearchEnable search capability within the grid data itself.

Image Modified





Readonly

Determines if the element is editable.

Disable Add FeatureDetermines if a new row can be added.
Disable Delete Feature

Determines if a row can be removed.

Default Sorting Column Number (Start from 1)

Defines the column index to sort by default. This field accepts integers starting from 1 onwards only.

Example: If the grid has 5 columns, inputting a "4" will sort the 4th column from the left in ascending order.

Delete confirmation messageConfirmation message when deleting a row.
Show Row Numbering?Shows numbering on the grid.

Editing

NameDescriptionScreens (Click to view)
Key to save cellKeyboard key to use to determine when to save and move on to the next cell.

Image Modified

Edit hintEdit hint message.

Paging

NameDescriptionScreens (Click to view)
Record Per PagePaging Parameter - Record to show per Page

Image Modified

Paging OptionsPaging Parameter - Paging Options

Validation & Data Binder

Validation

NameDescriptionScreens (Click to view)
Validator

Attach a Validator plugin to validate the input value. Please see Form Validator.

Info
titleWhen will validation takes place?

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

Image Modified



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.

Data Binder

NameDescriptionScreens (Click to view)
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 another form. See the list of available Form Binder .

Image Removed

Store Binder

Load Binder allows you to customize the method for data retrieval to populate the multi-row spreadsheet in the form.

Save Binder allows you to customize the method on how the spreadsheet row records are saved to.

This option is empty by default. An empty binder means that the spreadsheet records

Option by default. Grid data

will be saved/loaded

in

as a JSON format in

its defined database cell.

the parent form & database table. See the list of available Form Binders.

The recommended binder to use is the Multirow Form Binder so that each record is saved into a child database table via a subform definition. The binder will update the foreign key "parent id" into each child record to point to the parent database table.

.

Image Added

In this example, Multirow Form Binder is used to load data from another form. See the list of available Form Binder .