4 All the controls

1 Layout

1.1 Horizontal, all the control drag into this layout will be display in a horizontal direction, like image show below

1.2 Vertical, all the controls drag into this layout will be displayed in a vertical direction, like image show below

1.3 Details table

When create a new form, some information for a request with multiple items, like multiple invoice in a payment request, multiple material items in a purchase requisition request

When preview the result, it will show multiple row for user to input information

1.4 Tab layout

Specific to use when user input information fields get 50+, event 100+, to put then on a single page is too hard for user to read and fill in, then base on different category, to put them into different tab

1.5 Grid layout

For a more complex layout by grid system, you could define different layout by percentage, different columns as well

2 Basic Controls

2.1 Textbox

1. Format as text, input free text

2. Number

3. Date

When define the textbox as date, user could view a date picker to choose the date from the pop up directly

4. Time

When define the textbox as time, user could view a time picker to choose the time from the pop up directly

5. Date & time

Select date & time at the same time

6. URL

Ensure the user’s input is a url, if the input is not a url, then a error message will how below

7. Date & time calculation

With the user guide to calculate the different between two date or time

Example

8. Email

Ensure the user’s input is a email address, else will give a error message

9. Customise

Some text format can not manage by the predefine rules, so you could define your own rules with regular expression, for more information about regular expression, please click here

2.2 Textarea

For use to input multiple line of free text, like a string, use to help user to fill in purchase requisition reason, leave reason, some remarks, etc.

2.3 Radio

2.4 Checkbox

2.5 Dropdown

User define option

Connect with system master data

Define the dropdown is a single selection or multiple selection

2.6 Casecader

For multiple level selection options, like country->State->City->...

Preview the options like below

2.7 Links

Support to put some clickable links here for user to click

2.8 Progress

For user easy to update the progress, like project completion rate, etc.

Different layout

Circular view

Display text on top of the bar

Display text on the right of the bar

2.9 Rate

2.10 Maps

Allow user to submit there location form the pc or mobile

Before to use the map control, please configure a proper google map api at setting->Map plugin->Google

The result is like blow:

2.11 Split line

Use a line to split different content, easy for user to view different category information

Adjust the line style on the right

2.12 SN

Running number, auto generate document reference no.

Set up number generation rules with below tips.