FormBuilder options, Examples & Tips:

Selecting a Title Style from the dropdown box and inserting text "Title Style X FormBuilder" in the textbox provided produces what you see below - colors, sizes, margins, background colors, - everything. They can be used for titles, section headings, or as the 2nd Style 4 example shows, as plain paragraph text. Note also how horizontal lines can help separate different form content areas. You create them by checking one box!

Title Style 1 FormBuilder

Title Style 2 FormBuilder

Section Style FormBuilder

Fieldset Style HTML

Text Style FormBuilder

You are reading Text Style being used as basic paragraph text, much as you might use it as an introduction to your form or to include special instructions for part of the form. This has all been typed in the text box in the Header Tab.

While certainly not required, you can also put HTML code directly into the text box. That's how the above paragraph break was done!

Text

Text fields are fields that you want someone to enter some information or data, they are single line only and usually less that 150 characters, for fields needing more than 150 characters, we recommend using TextAreas boxes. They can be alpha/numeric with or without any validation on them such as alpha only, changed to UPPER Case, minimum field length, etc.

First Name: MI Last Name:

Street: Apt.:

City: State: Zipcode:

Home Phone: Work Phone: Mobile:

E-Mail:

This is the set of fields for the Preset selections - Basic Fieldset No. 1.
You will notice that there are multiple fields on one LINE, i.e. First Name:; MI; Last Name:, if you were building these one field at a time, when building the Last Name: field, you would check the "Last Item on this Line?" checkbox on the Header page and enter the number of Line Returns you would want before the next question or label, it defaults to 1.

Checkbox

You will use a Checkbox when you want someone to check as an indication of a Yes answer to a question.

Do you (check all that apply)
Drive Walk Take the bus Use a Razor Skateboard
Rollerblade Skip Run like the wind - to work?

You will need to use a different field name for each field when creating this type of entry.

Radio Buttons

Radio Buttons are used when there may be several answers but you ONLYwant them to be able to choose one answer, examples would be Yes/No, Male/Female, Married/Single/Divorced/Widowed, etc.

Examples of Radio Button both BEFORE and AFTER the answer selections:
BEFORE - Is this a Question? Yes No
AFTER - Is this another Question? Yes No

Marital Status: Single Married Divorced Widowed

Gender: Male Female

Dropdowns

Dropdowns, also known as Pulldowns, are used when you have a list of items of which you want the user to select only one of those items.

State: Salutation: Gender:

Month: Year:

TextAreas

TextAreas are multi-line input fields, they can hold an infinite amount of information. You set the width and the height of the box in the fBt formBuilder by entering the number of characters wide you want and the number of lines that you want for the height. When a user enters more lines than you've specified for the display, it will automatically add a scroll bar on the right-hand side of the box.

Comments:

This textarea is defined as 65 characters wide and 3 lines high.

Preview

This page allows you to view your form as you create it. There are three (3), see below for detailed explanations.

"Samples and Tips" link brings you to this page
"Display Form" and the name of your form button - tells the formBuilder Generator to build your form from the fields you have entered and then displays it in your browser. If you have selected building a form with the e-mail component, a test form submit button is put on the form so you can enter information and submit it and receive the information as "data pairs" in your e-mail.
"Edit Form" and the name of your form button - brings you to the report showing all of your entries, you can select an individual field to edit, or preview the form from that screen.