The element’s caption

The element’s caption is basically its name. The elements’ captions play a significant role in the form’s functionality since they appear in the data management result table and emails and without them it is sometimes impossible to distinguish between the fields.
When you drag an element for the first time it has a default general name such as: “Checkbox” for all checkboxes or “Radio” for all radio buttons. If these default captions are not changed than when someone fills in your form you will not be able to tell one checkbox apart from another and truly understand the data collected.
Following are steps to change the element caption:
1. Drag an input element on to the design area and make it is selected (has a red border) .
2. Go to its ‘element settings’ on the right.
3. Change the caption text (the caption text is usually the same text as the label attached to the element).
4. Press “apply” and continues to change the other elements’ captions.
5. Save the form.

Filling in the caption text in the form builder:

Captions in the data management result table:

Captions in Emails:

Advertisements

Take a tour in the form builder

The form builder is where you can create an endless array of email forms (once the form is submitted an email is sent to the form owner):
Contact us forms, Feedback forms, Events registration forms, Surveys, online Polls, Order forms, Invitations etc.

The form builder is a WYSIWYG tool. This means that while you are creating and designing the email form you can actually see what the form will look like when it is used.

It consists of many features and functions, some are necessary for the form creation process and some are special features which may be used when needed.

This tour will focus on the main functions you should know in order to create a form in the form builder:

1- Giving the form a name
    the first attribute in the ‘form settings’ (on the right).

2- Determining the form’s dimensions: width & height.
If you plan on embedding the form in-between other items in your webpage than this is really important. The width and height are located in the ‘form settings’ and are in pixels.

3- Dragging the elements of the form.
All elements are located in the ‘elements’ section in the top toolbar.
You can either drag each element separately or drag every element along with a label (by turning on the ‘Create with label’ checkbox in the ‘alignment & spacing’ section)

4- Using the grid to align the elements
by turning on the ‘show grid’ and ‘snap to grid’ checkboxes (located in the ‘alignment & spacing’ section) you can easily place your elements where you want and have them be aligned.
Read more about the grid

5- Giving the Elements a caption
each element has a default name when it is first dragged, but this name can and should be changed (since it later appears in the data management report, in the emails and so on). In order to give the element a name you need to select it and go to the ‘element settings’ on the right.

6- Giving the elements a tab index number
This attribute is situated in the ‘element settings’ and allows you to determine the order of the fields in the form (this order will later be used in the data management report, in the emails etc.)
read more about tab index

7- Saving the form.
this may seem trivial, but when you are working with a web tool you should always make sure you save your form several times while you are in the process of building it and not only in when you are finished.

8- Auto response
by using this feature you can have a copy of the submitted form be automatically sent to the form filler. In order to have the form auto reply (or , as we call it, send a ‘carbon copy’ of the form) you need to have an email element in your form – so if you don’t already have one you will need to add it. Once the element is in the form you will need to go to its settings and turn on the ‘send copy‘ checkbox.
You can use this regular auto reply or use the ‘custom user email‘ to create your own email.

9- post submit url
this attribute, located in the ‘form settings’ allows you to redirect the form to another form or another url once it is submitted. All you need to do is use the url picker to select a form or fill in a valid url and press ‘apply’.

Read more about post submit url

10- Publish
Once the form is completed and saved you can publish it. Publish means to make it accessible to others, to make it public.
In order to publish your form you need to press on the ‘publish’ icon in the ‘main’ section of the toolbar. Choose one of the listed publish methods and copy the generated code.
Read more about publish

Create an email contact form

A contact form is the most common type of online forms in websites today.
The contact form enables a communicational channel between the website owner/manager and the website users.
Being an email form means that all the data entered in the form is automatically sent via email to the form owner – alerting a new data entry. In addition to the email, the information is also stored in a data management tool and may be edited and viewed.

Here are steps to create a contact us form:* the FormLogix template gallery offers readymade contact us templates for those who do not wish to create one from scratch.
1- Enter the form creator.
contact-enter
2- Give the form a name in the form settings.
contact

3- Drag the input elements needed:
textbox – for the name field
textbox – for the company field
email element – for the email address
textbox – for the subject text
textarea – for the description multi rowed text
contact1
4- Select each element and go to its “element settings” on the right and do 2 things:
a- give each element a caption name (for example: “name” for the name field element)
b- give each element a tab index number (starting from 1 to the first element, 2 to the second etc.)
contact3
5- Drag a label next to each element and change its text (to be the same as the element’s caption) .
contact2
6- Add buttons:
submit button – for submitting the form
clear button – for clearing the data filled in the contact fields
contact4
in order to create a clear button simply drag a regular button element -change its text to
“clear” and check the “Reset Button” checkbox (in the element settings).
contact5
7- Save the form.