Add Form To Page

KB14287

A web form allow you to create custom input fields that the web user can complete and submit.

Web Form

A web form allow you to create custom input fields that the web user can complete and submit.

A web form can be used for web surveys, customer feedback and user sign ups to an event. You set the input fields and is totally customisable.

There is no need to add a form to the page as this will be automatically set. Select and add the input elements via the text editor web templates command. There are some preset elements you can use to get started.

Use the HTML editor to edit the form elements.


There are a number of parameters you can set to a field that will validate the form:

Add REQ_ to the name of a field to make the field required and mandatory to submit form. eg. <input name="REQ_Name" id="REQ_Name" style="width: 300px;" type="text" maxlength="50" value="" />
Add EMAIL_ to the name of the field to validate for a correct email address. eg.<input name="EMAIL_Email" id="EMAIL_Email" style="width: 300px;" type="text" size="40" maxlength="50" value="" />

Switch destination of Email (Email to a friend)
To swicth the destination of the email and override the email sent to the system email address, the web user must supply the destination email address which is usually their friends email address. To retreive the destination email address and over ride the system email destination the field must be labelled EMAIL_TO. This ensures the field is formatted as an email address and is required. This is the destination email where the data will be sent.
Set field name and ID to EMAIL_TO eg. <input name="EMAIL_TO" id="EMAIL_TO" style="width: 300px;" type="text" maxlength="50" value="" />

The field name and id must be identical and will be used to name the field in the sent email.

Submit Button
You will need to add a submit button to allow the web user to submit the data. Just add the submit button and the system will code the javascript needed.

Image Button
To add an image button submit for your form. Add an image as normal and open the HTML editor and add this code: onClick="sendForm()";

Once the form has been submitted an email will be sent to the system email address.

Redirect
A redirect web page can be set to redirect your web user on successful submit. This is set in the page edit screen. If a web page is not set a system page will be used instead.

Layout
Optionally select a layout for the listings form page.

Email CSV Data
A CSV comma seperated data output string will also be included in the email in case the data needs to be imported into an alternative database.





Updated on: 13/09/2015 12:15:04

How Helpful was this article
1 Votes Cast