How to change the font color in your email form

One of the design tools available in your email form builder is the font style. You are able to change font size, weight (if it is normal or bold), italic, underlined…and you can also change the font color.
In order to change font color in the form builder you can use:
1- The form settings – font color field.
Through this field you can determine the font color of all the elements in the form at once.
The field enables you to enter any color by specifying its number (such as #ffffff) or its name (such as red).
Or
2- The ‘font color’ icon in the upper toolbar – style section
This option allows you to change each element’s font color separately. In this option you can only pick from a list of colors given to you.
All you need to do is select the element and press on the icon. a small window will appear and you will be able to pick a color from the list.
Or
3- The element settings – font color field.
This option, like the first in the form settings, allows you to enter any color you want. The only difference is that the font color in this option is only applied to a certain element and not to the entire form.

Adding a mask to your email form

A mask is a format which is applied to a textbox element and enables the form owner to collect
data in this specific format. The mask format is determined by characters and delimiters
which are used in a certain order. Once the mask is applied to the textbox the form filler will not
be able to enter data that does not fit the format.

examples of masks:
Date – dd/mm/yyyy
Time – HH:MM:SS
A code – x-nnnnn
A phone number – nn-nnnnnn

Characters and delimiters
A character represents specific data and is made out of one or more chars. for instance HH is
a character which is made out of 2 H chars and represents hour data.
A delimiter is a sign that separates between 2 characters. For example HH:MM -the colon sign
is a delimiter between the hour character and the minute character.

Following are the mask characters and delimiters:

characters
x- character for collecting alpha numeric data (using only lower case letters)
n- character for collecting only numeric data (using only lower case letters)
yyyy – character (made out of 4 chars) for collecting year data (using only lower case letters)
mm– character (made out of 2 chars) for collecting month data (using only lower case letters)
dd- character (made out of 2 chars) for collecting day data (using only lower case letters)
HH- character (made out of 2 chars) for collecting hour data (using only capital letters)
MM- character (made out of 2 chars) for collecting minute data (using only capital letters)
SS- character (made out of 2 chars) for collecting second data (using only capital letters)

Take Note!
Characters may only be used in the format specified above (for example the year character
may only be entered in 4 lower case letters: yyyy).
Only the x and n characters may consist of one or more chars (n or nn or nnn or nnnnnn etc).

Delimiters:
/ – used as a delimiter. For example: the date dd/mm/yyyy (27/11/2009)
: – used as a delimiter. For example: the time HH:MM:SS (12:32:45)
– used as a delimiter. For example: a phone number nn-nnnnnn (09-8871634 or 04-6543378)

How to Create a Mask
Steps to create a mask:
1- Drag a textbox element (in the email form creator).
2- Go to the textbox’s settings on the right.
3- Fill in the desired mask format.
4- Turn on the “mandatory” checkbox.
5- Press on “apply”.
6- Save the form.

Take note!
the mandatory checkbox must be turned on in order for the mask to work and be validated.

Add a roll over effect in your email form

The email form builder enables you to create a rollover effect in a container element.
This means that if the form filler hovers above this container its color will change. This is a simple design feature.
In order to create this effect you need to:
1) Select the container element
2) Go to the container settings (element settings on the right)
3) Enter a color in the ‘On Mouse Over’ field, and a different color in the ‘On Mouse Out’ field.
4) Press on ‘apply’ and save the form.
As a result of this when hovering over the container element in the published email form the user will see one color and when moving the cursor away from the container he will see another color.

Send a copy of your email form alerts

Each time a person fills in your published email form and presses on the ‘submit’ button you automatically receive a new data entry alert e-mail.

If you wishe to send a carbon copy of this email to the form filler (as a confirmation, for example) you may do so by using the ‘Send Copy’ option situated in the ‘element settings’.
Steps to add a Carbon Copyto your email form:

1) Select the E-mail element in the form.
(A carbon copy is sent to the email address that is entered in your email element, so if your email form does not contain an email element-just add one).

2) Select the email element and turn on the “Send Copy” checkbox in the “element settings”.
3) Press on the “apply” button.
4) Save the email form.

Adding tab index to your email form

Tab index is a feature that defines the order in which elements will receive cursor focus when navigated by the user (when using the “tab” key in the keyboard).
Once the Tab index is defined it determines the order of fields shown in the data entry emails (sent to form owners, to form fillers and to email addresses in the mailing list).

Steps for changing tab index in the email form builder:

1) Select the element you want to define as first in the tabbing order.

2) Go to the “Tab Index” textbox in the “Element Settings”.

3) Enter the number “1” in this textbox and press on the “apply” button.

4) Select the element you would like to be second in the tabbing order and Fill its tab index with the number “2” and press on the “apply” button.

5) Fill the ‘tab index’ of the remaining elements in your email form accordingly.