Changing the Border style in the form builder

The border is an attribute that may change its style in the web form. You can change the form’s border, a label border, an input element’s border or a container border.
All this can be done really easily using the border style options in the upper toolbar – ‘element style’ section in the form builder.

Steps to change the border style:
1- select the element you want to affect its border.
if you wish to change the form’s border simply do not select any element, or even click outside of the white design area.

2- Choose a border style (solid, ridge, outset etc) from the listbox.
Please notice that ‘none’ will make the border disappear.

3- Open the border width listbox and choose the line width.

4- Press on the ‘border color’ picker icon and choose the border color.

5- Save the form.

Related topic:
Read about how to use the ‘auto position‘ feature.

Advertisements

Using the Grid in the form builder

One of the alignment tools provided in the form builder is the grid. The grid is a collection of vertical and horizontal lines that overlap and create many junctions.

Show grid

The horizontal and vertical lines may be used as guides to place elements against – this may be done by turning the ‘show grid’ checkbox.
Once the option is selected gray vertical and horizontal lines will appear and you will be able to drag elements and place them against them. The space between the vertical lines and between the horizontal lines may be changed in the ‘form settings’ (Horizontal snap, vertical snap).
In order to view the grid all you need to do is turn on the ‘show grid’ in the upper toolbar – alignment and spacing section.

Snap to grid

The most common and beneficial use of the grid is when it is accompanied with the ‘snap to grid’ option. Snap to grid means that each time you drag an element and drop it in the form builder; it will be drawn to the closest junction of grid lines. This option will ensure that the alignment is completely precise. In addition, prior to letting go of the dragged element you will get an indication of where the element will be drawn to by a blue corner that will appear from the time you ‘drag’ the element till the time you ‘drop’ it.
in order to use the ‘snap to grid’ option all you need to do is turn on the ‘snap to grid’ checkbox in the upper toolbar – alignment and spacing section.

* Please note that snap to grid may be used without the ‘show grid’ option, however it is less effective to make alignments without actually seeing the grid lines.

Changing font style in the form builder

When a label or an input element are dragged and dropped on to the design area in the form builder they have a default set of characters, which can be changed.
The style options include:
font family
font size
font color
background color
bold/italic/underlined

In order to change the font style you need to:
1- font family – open the ‘font family’ listbox and choose the font you want.

2- Font size – Open the ‘font size’ listbox to choose the size in pixels.

3- Font Color – press on the ‘font color’ icon to open the color picker, and press on ‘ok’ to save the chosen color.

4- Background color – this style option is mainly used to change backgrounds of the form or containers within the form, but it may be applied to labels and input elements as well.
Press on the ‘background color’ icon to open the color picker and press ‘ok’ after choosing your color.

5- Bold – this button controls the font’s weight. Press on the ‘Bold’ icon to make the font weight bold. Pressing on this button again will make the font regular weight again.

6- Italic – this button changes the font style to italic. Press on the ‘Bold’ icon to make the font weight bold. Pressing on this button again will make the font regular again.

7- Underlined – this button changes the font decoration to underline. Pressing on this button again will change the will remove the under line.

In addition to being able to change font style using the upper toolbar you can also change the font style through the element settings in the ‘style’ field. This option is suitable for those who are familiar with CSS and can insert style code themselves.

Related topics:
How to auto position elements
How to make same space between elements

How do i determine the form’s expiration?

Once you purchase a FormLogix subscription, the form will be active this entire duration.
The form’s subscription periods are either for 6 months or 12 months (unless you purchase a ‘per submission’).
If you wish to limit your form to a certain number of submissions or make it expire on a certain date you can do so using the following options (located in the ‘form settings’):
1- Max Rows
2- Close form on

Max rows

Using this option you can decide to make the form expire after a certain number of submissions. This option is suitable for limited event registrations, ticket orders, polls, etc.
In order to use this option you will need to:
1- enter your form in the form builder.
2- Go to the ‘form settings’.
3- Enter the maximum number of submissions in the ‘max rows’ field.
4- Press ‘apply’.
5- Save the form.

Close form on

Using this option you can determine the date in which the form expires. This is suitable for special sales, event registrations, online invitations etc.
In order to use this option you will need to:
1- enter your form in the form builder.
2- Go to the ‘form settings’.
3- Enter the date after which the form will expire.
4- Press ‘apply’.
5- Save the form.

Related Topic:
Find out how to limit your form to one submission per user.

How to cancel the automatic emails sent to the form owner?

When someone fills in your published email form you (the account owner) automatically receive a new data entry alert by default.
If you wish to disable this option so that the emails are not sent to you please do the following:
1- Enter your form in the form builder.
2- Go to the ‘form settings’ on the right.
3- Turn on the ‘disable emails’ option.

4- Press on ‘apply’.
5- Save the form.

*please note that only the emails sent to account owner will be disabled using this option. Emails sent to form fillers and mailing list recipients will still be sent as usual.

How to use the radio button element?

The radio button is an element which is designed to give the user a choice between a few options. This element is very similar to the listbox element.

Following are steps to use the radio button element:
1- enter the form builder and drag a radio button element.
The element will appear with 3 default values (radio o, radio 1 and radio 2) in a horizontal layout.

2- Select the radio button and go to its element settings on the right.

3- Change the element’s caption text and tab index number.

4- Add the radio button items by pressing on the item picker button ()

5- you can change the radio button’s horizontal layout to a vertical one by turning on the ‘Vertical’ checkbox. This will place the items one on top of the other.

6- You can also determine the space between the radio items by using the ‘Width/Height’ textbox. This option applies to horizontal as well as vertical radio buttons. Simply enter the space in pixels (for instance 50) and press on ‘apply’.

Please notice that you will probably need to stretch the element’s border once you use this option.

7- Save the form.

Related topic:
Read about the differences between a FormLogix form and a FormLogix gadget

How to copy a part of the form – Field template

sometimes you create sections in your email form and you know that you will need to use them again.
In cases such as this it is a smart thing to save these parts for future use as field templates.
Field templates may consist of a single element or several elements which are placed inside a container element.

Once you save your field template it will appear in your field template list for future use. Your field templates will not appear in other users lists and their templates will not appear in your list.

Following are steps to create a field template:
1- drag a container element from the upper toolbar – elements section
2- drag the elements in to the container and place them in a layout of your choice.
3- Once the area is ready select the container by clicking on its handle on the side.
4- Press on the ‘add a field template’ icon in the upper toolbar – tools section.

5- You will then be asked to give the template a name – do so and press on ‘ok’.

6- The template will now be saved and will appear in the ‘template list’ (open the list form use by pressing on the ‘field template’ icon).

7- If you wish to delete the field template you can press on the ‘delete field template’ icon.