Difference between revisions of "Contact Form"

From vlwcms Wiki
(Text)
(Text Area)
Line 16: Line 16:
 
A text area field is for more free-form, multi-lined data, like comments or special instructions. You'll need to specify the label, the width, and number of lines for a text-area field.
 
A text area field is for more free-form, multi-lined data, like comments or special instructions. You'll need to specify the label, the width, and number of lines for a text-area field.
 
[[Image: text-area-def.png]]
 
[[Image: text-area-def.png]]
 +
 
This will look like:
 
This will look like:
 +
 
[[Image: text-area-ex.png]]
 
[[Image: text-area-ex.png]]

Revision as of 12:25, 15 September 2009

Contact form pages are built a little differently than content pages. The Contact Form tool allows you to create a form with any number of fields of several different types and have that information emailed to you when a customer fills out the form. This is a very common thing to want to do and it shouldn't require much knowledge to set up, but it often does.

The VLW Contact Form tools takes the effort out of it and lets you concentrate on defining what information you'd like to receive. When you create a contact form, rather than it being a blank slate, a template is created for you. This template contains all the major data types you'll be able to use. You can delete all these elements (after looking at how they work), modify any or all of them, or use the form as is. Below is a description of the data types and what each looks like.

Data Types

Text

A text field is a place for single line of text, like a name or phone number. The two pieces of information you need to specify for a text field, are the label and the size. Text-def.png

This will result in an item on your form that looks like:

Text-ex.png

Text Area

A text area field is for more free-form, multi-lined data, like comments or special instructions. You'll need to specify the label, the width, and number of lines for a text-area field. Text-area-def.png

This will look like:

Text-area-ex.png