WebForm Creation


Upendra

2020-10-14 17:07:39


Steps to create a webform

1. Go to ERP Admin -> Web Forms.

2. Select module name e.g. Accounts Payable.

3. Select Form name e.g. Petty Cash, on selection below table is shown.

4. Enter web form name e.g. Petty Cash or Petty Cash1.
note : do not use any special characters in form name.

5. Select validity period webform access will be available till following date e.g. 31/12/2020. If required for a long term select a future
date e.g. 31/12/2500.

6. Enter success response message will show on successfully saving of record and error response message will show on if any error occured while
saving the record.

7. Select the fields you want in your webform. To select fields click Ctrl + left mouse click for windows and for mac click Command
(or Cmd)⌘ + left mouse click on table rows. As you click the following rows will get highlighted.


8. On selection of DCOMBO, ADCOMBO, MDCOMBO, COMBO user has options either he show field as textfield or as dropdown.
Following images represented on selection on defined fieldtype modal popsup where creator has two option buttons show as input field or
as a dropdown. By clicking on input field button field23189 will be shown as textfield in webform.


or will be shown as dropdown where creator has to input option value and option text shown below which will be shown in dropdown in webform.
Option text can be changed its just for view purpose.


9. After selecting desired fields click on the generate list button which will show your selected fields. Below you can see two buttons generate
html and edit selected.

10. You can edit selected fields, and reselect the fields.

11. Clicking on generate html will generate an html file. Which can be accessed by clicking on the view html button or you can even download
the html file via download html button.

Advance Features

Captcha

Check captcha is an optional feature where the user has to enter the captcha for submitting the webform data. This feature will stop bot
from submitting the web form data.
Following images represent at the time of creating webform select add Captcha and generate the webform and next image represents I'm not a bot
checkbox with captcha in created webform.


OTP Check

This feature works on the call field of a webform where the user has to select the call field from the shown table list. This feature will
ask the user before filling the webform a user is been asked to enter a mobile number on which otp is sent after entering the otp the webform
will be displayed.
Following images represent at the time of creating webform select otp Check with call fieldtype from table and generate the webform and next
image represents send otp to vendor mobile number for verification in created webform.


IsWizard

Check is wizard is optional, it helps you to create multiple forms in a single page in this you have to create a child
webform before parent webform. If is wizard is selected you have to select child page name from existing webforms in
Select Wizard Name and Wizard Sequence is used to sequence the pages and Wizard Column Mappings is optional. If you
want certain data to be fetched from one form to another form e.g. $("#field456”).val($("#field123”).val());
In the the defined example field456 is child webform field whereas field field123 belongs to parent form.