create free web forms, free email forms, free forms.
create web forms using formlogix free onlile form builder.
Working with Multi Line Mode
Register to FormLogix
 
This multi rowed data option is suited for whenever you want to create duplicated input rows in your form.
For example: if you have an order form and would like the user to be able to fill in more than one product row (product name,quantity,comments...) but you do not want to burden the form with many duplicated product rows.
In this case you simply create one product row that has the ability to duplicate itself upon the user's request.

Steps to add a Multi line row:

1)  Drag the Multi line element into the form design area.
Notice that this element is made out of 2 containers (one inside the other) and 2 buttons (add and remove).

Multi Line

2) 

Resize the exterior container (to fit the elements you want to place inside it) and the interior one accordingly, and start dragging the fields into the container.
All elements inside the container will be duplicated, so if you do not wish to have the labels duplicated just leave them outside.
Place the add button outside the container in alignment with the remove button.

3) 

Change the interior border to 'none'. (** this is optional-for design purposes only)

Multi Line

3) 

Change the background color of the exterior container. (** this is optional-for design purposes only)

Multi Line


 


This is what the Multi line looks like in the data entry stage:

4) 

Once you enter the form all you will see is one empty row - just like you designed it in the form creator.

Multi Line


4) 


When you press on the 'Add' button a scroll will be installed in the container and another empty row will be added.
Now you can scroll down and fill in the second row.
Pressing on submit will send the form.

Multi Line