How to Design Web Forms

Since each website and blog looks different, and even each web page in a certain website looks different than it is logical that each form embedded in a web page should look different as well.
When you think of how to design web forms you should take into consideration what your web page looks like and try to create a web form that will suit the page so in the end it will look like an integral part of it.
Most form builders generate forms who look the same. The layout is rigid and set in advance and you can maybe change the fonts and colors of form headers. This is not sufficient if you want your web form to blend well. The FormLogix form builder offers a great flexible tool to design web forms. Its form builder allows you to drag and drop elements anywhere in the form, add images, change font styles and background colors. You can even create a transparent background to show your webpage background under the form.
If you need to design web forms FormLogix is the best tool for it. You can control the size of the form, and its layout and this is very import if you want to design it freely.

Following are design tools for elements alignment :


New additions to the basic form builder

A new FormLogix version features additions to the basic form builder. Ever since we launched our new form builder,  we have been working on additional features:

1-     2 new types of questions have been added to the “add question” window. The first is the ‘date picker’ which is a calendar element, and the second is a vertical radio button.
2-     A tooltip field was added to the “add question” window, allowing the form owner to  provide more information on the specific question.
3-     A new feature was added to the “form settings”, called ‘Display as single group’. This feature allows the user to have all the questions appear in one group when the form is published instead of the default display which shows the questions separately in a continues way.
4-     A new operation was added to the “pool management” section in the ‘pool’ toolbar: Clone. This allows the form owner to select a question row and clone it, thus adding a question quickly.

How to create a basic form

The basic form was designed to allow you to create an online web form quickly and simply. The basic form consists of 2 parts: the pool and the flow. However, using the flow is not a must which makes the ‘pool’ the most important part in the basic form.
In the pool you create your list of questions. The questions are the elements and labels that will later on appear in the published form.
Once your pool of questions is done you can publish your form and start using it to collect data.
If you wish to create a conditional form all you need to do is to create a flow. The flow is a the sequence of questions and dependencies you define.
for instance:
question: what is your gender?
possible answers: male or female.
you may add another question under the ‘male’ answer option (what is your name?) and an ‘end form’ (stop) option after the ‘female option. The result will be that if a form filler says he is male he will be asked another question (his name) and if she is female the form will reach its end – finish.

What is the Basic Form Builder

In the past our form builder was an advanced WYSIWYG tool which produced custom online forms flexibly and simply using a drag & drop motion.
Nowadays our forms builder has wider capabilities: it consists of a basic form builder and an advanced form builder.
The advanced form builder is the original tool, which enables a user (using the dragging and dropping of elements) to create a non restricted, stylish designed form with many customization options (such as email customization, adding images etc).
The Basic form builder is new tool designed to provide users with a quick and simple solution to create an online form. All you need to do is create a Pool of questions. The question text entered will become the field label in the form and the question type you choose will be displayed as the input type element (a textbox, textarea etc).
This for is not as flexible as the advanced builder however it enables to create conditional forms (making the form’s flow change dynamically according to the answers users fill in.).
Find out more about the Basic form builder

While our original form builder is an advanced WYSIWYG tool which provides flexible design using a simple drag & drop motion, the basic form editor lets you create simple forms without having to deal with the design aspects that much. In the new Basic editor all you do is construct a Pool of questions and define the Flow (sequence of questions) and the form is ready to use. You can create a basic flow by simply defining the order of questions in the pool, or you can create a compound flow which consists of several possible routes (based on the form filler’s input) – this is what we call a conditional form (if the answer to question 1 is A than go to question 2, if it is B than go to question 3…).
It is a great tool for creating your web forms easily and quickly. It is also the ideal tool for creating surveys and polls.
Find out more about the Basic Form Editor