Online Chat
 Call Us: 
1-877-744-1221
Browse Submit a Ticket
 
Advanced Search
Tools
Rss Categories

How can I proceed my existing forms in Form Maker Pro?

Author: Antony Corsten Reference Number: AA-00225 Views: 5172 Last Updated: 06/24/2009 11:12 AM 45 Rating/ 5 Voters

1. Create a form with the same set of fields in Form Maker Pro;

Create a form in Form Maker Pro and start adding fields to it. You should add all the fields you have on your existing form. If you have "First Name" field in your existing form, add 'First Name' field to the new one. And so on.

2. Get the form code by pressing on 'Get Pages' button;

After you've finished form creation, click on 'Get Pages' button to download new form HTML code.

3. Open the form code created by Form Maker Pro and your form pages in your favorite html editor;

4. Copy service strings (JavaScript, <base> tag, hidden field "___form_id_", <form> tag parameters and all fields variables names accordingly) from generated code to your form code.

There are few service strings in the new form. You should copy them to the old one.

First service string is validation JavaScript. It is located on the beginning of the form file. Copy this script to the new form.

e.g.:

<SCRIPT LANGUAGE = "JavaScript">
...
</SCRIPT>

Second service string is <base> tag. It contains path to your form on the server where Form Maker Pro is installed.

e.g.:
<BASE href="http://www.web-site-scripts.com/fmp/forms/ab0e177b337ead11cb24d909b7b8cbab481ef0499a216/">

Third service string is form caption. Find <form> tag in the old form and copy-paste there caption from the new form.

e.g.:
<FORM ACTION="http://www.form-builder-pro.com/builder/users/formprocessorpro.php" METHOD="POST" ENCTYPE="multipart/form-data">

Forth service string is an hidden field with form ID.

e.g.:
<INPUT TYPE="hidden" NAME="___form_id_" VALUE="88d8f13d400fc3942cd39c2ab5f47deb41408d4ce30ef">

You should also copy field names from appropriate fields from the new form to the old one.

e.g.:

You have following <input> tag in your existing form.
<input type="text" name="name" class="formfields">

Form Maker Pro generated form contains:
<input type="text" size="25" name="r_Name" id="r_Name" value="" title="Name" class="format">

So you copy name="r_Name" to your existing form and receive following.
<input type="text" name="r_Name" class="formfields">

This should be done with all fields.

Check if input submission button looks like following:
<INPUT TYPE="SUBMIT" VALUE="Submit">