What kind of forms can I create with a form builder?

There is an endless array of web forms you can create very simply using a form builder.
This post will provide several examples of forms, layouts and designs in order to show the variety you can achieve when using the form builder.

1- Contact form
2- Poll/survey
3- Online invitation
4- Event registration
5- Support form
6- Order form

Each form created in the form builder could, of course, be created in other ways (other fields, other field orders, other colors, other fonts, other layouts etc.). In addition each form can be edited after it is finished.

Online contact forms
The most common web forms. Help websites/blogs/companies keep in touch with their clients/users. A contact form usually consists of the following fields: name, company, email, phone #, subject, contact purpose, detailed message.

Polls/surveys
A tool used to collect public opinions for research or other purposes.
Usually consist of questions and array of answers the form filler needs to choose from.

Online invitation
A web form designed to invite users to a certain event (such as a wedding). It usually consists of a visual image and event details (what, when and where). This form also usually collects data which indicates if the form filler intends on attending the event.

Event registration
Large scale events are always well planed and need to be organized. A registration form to an event is one way or organizing it. This form usually consists of fields such as: full name, telephone #, email address, reservation for # of people etc.

Support form
A form dedicated to provide support to users allowing them to contact the website and discuss/ask for assistance/inquire/feedback about different topics.
This form usually consists of these fields: name, email address, contact purpose (technical problem, sales, or other), phone # and description. This kind of form is much like the regular contact form only it emphasizes the support aspect.

Order form
This form is used to collect orders over the web, it does not include the purchase phase. The user fills in the product he/she is interested in and the quantity and the website owner gets in touch with him/her via email/phone in order to complete the purchase.

Advertisements

How to sort the data in the form builder Result Table

Once data is entered in the web form it is collected in a data management tool report in the form creator.
Sometimes when there is a lot of information it is easier to find specific entries or go through the data by sorting it.
The data in the form builder report is sorted, by default, according to the entry data and so the most recent entries are shown first.
if you wish to sort the data in the result table you can do so really easily.

steps to sort the data:
1- enter the email form’s data in the data management tool
2- press on a column header to sort the data according to it. you will see a blue triangle next to the header text and it will either point up or down (differentiating between a descending and an ascending order).
The first time you press on the header the data will be sorted in a descending order (z-a)
if you press on this header again the order will change to an ascending order (a-z) .

you can sort the data according to any field you wish in the result table.
if you find that there is too much information and the sorting option is not allowing you to go through the data than you should use the “filter” option to slice the data.

Sharing the report or the chart

Some users want to “show” others the data accumulated in their form. They either want to send people a link to their report/chart, or embed it in their web site so anyone can see.
Using the form builder you can externalize your data, same as you externalize your form. Whether it be the result table or a chart it is possible to make them public.

Steps to share you public report or chart:

1- Enter the form builder “data management” report

2- Get the data you wish to make public ready:
if you want to show all the data make sure that you choose the “*” option in the “rows in page” list box (situated in the toolbox>filter) – this will show all results in 1 page.
If you want to show only a part of the data use the filter in the toolbox to slice it.

3- once the data in the table/chart is ready press on “save” in the toolbox left menu.

4- Give your saved filter/chart a name. Be sure to turn on the “share” checkbox since you cannot make the data/chart public without it. Turn on the “create shortcut” checkbox as well – this will create a direct shortcut to this filter/chart from the data center.

5- Press on “share”. If you wish to send someone a link to your data/chart simply copy the “share url”.
If you wish to embed the data/chart in your website simply enter the width and height of the iframe and copy the generated code in the “iframe url”.

Changing the date field format

The form builder has a calendar element in which the date format is not flexible.
Many users want to display the field (presented to the users and to themselves- in the data collected) in another way, maybe even add a time element to it.
This is where the textbox mask comes in.

The textbox mask is great way to format a regular text element to collect specifically defined data. You can, for instance, collect an alphanumeric code with it, or a specific time made of hours, minutes and seconds.
Since the calendar element in the form builder cannot change its format than If you still need to customize it (yyyy/mm/dd for instance) than you can use a textbox mask.

Please note that when you use a regular textbox and apply a mask of a date to it than it will not open a date picker as the calendar element does, but it will simply ask the user to enter the data in the defined
format.

Steps to create a custom date field:
1- Drag a regular textbox on to the design area
2- Select the element and go to its element settings on the right
3- enter the *format in the “mask” textbox
learn more on how to create a mask format
4- press on “apply”
5- save the form”