Versions Compared

Old Version 6

changes.mady.by.user Justin

Saved on

compared with

New Version 7

changes.mady.by.user Justin

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

Advanced Grid is best described as a Grid with rich inline editing transformation. Depending on the target field, the Advanced Grid element would mimic the original target type for accurate and richer data entry capability.


Image RemovedImage Added

Figure 1: Screenshot highlighting Advanced Grid in actual Formform element


Image AddedImage Removed

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

A Date Picker will show up when editing if the source field itself is a date picker element.


Image RemovedImage Added

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

A Select Box will show up when editing if the source field itself is a select box element.

 

Image RemovedImage Added

Figure 4: 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.

Code Block
titleSample
200px

 

Image RemovedImage Added

Figure 5: Advanced Grid Properties - UI

...