Skyline

Customer Field Types

Customer Field Types

Previous topic Next topic  

Customer Field Types

Previous topic Next topic JavaScript is required for the print function  

Example of a Heading and Sub-Heading

Example of a Heading and Sub-Heading

Heading
When the heading text has been entered you are able to adjust the size that the heading will be displayed using the font slider.

clip0375
 

Sub Heading

This area provides space for instructions or other information to help the user complete the form. The Sub Heading will always appear below the Heading and can not be displayed in a different location. You do not have to use the Sub Heading but if you do only1 Sub Heading per form is available.

clip0366

HTML Field Editor

 

Example of an image inserted at the top of a form

Example of an image inserted at the top of a form

 

You can use the Html Field editor to insert pictures, links or other text to enhance your form. A company logo could be added or a divider to create visual sections on the form. This field offers the form creator great flexibility in the design and layout of the form.

clip0376

 

Text Box

 

Example of a text field

Example of a text field

 

A text box allows the user to enter text and numbers. The size of the field can either be half the width of the online form (as in the example above) or be the full width of the form. Enter the name that will appear to the left of the field i.e. the field label into the TextBox name field.

You can enter Empty Text which will show before any information is entered. In the example above the instruction Please enter your name has been added.

A message can be added underneath the text box to explain to the user the type of information that is required. Enter the text in the Help Message field to explain what details need to be entered in the field. This can be left blank.

If the field has been made mandatory it will show with a red asterisk. A message can be shown at the bottom of the screen if the user tries to save the form without completing the required field.

There is no limit to the number of text fields that can be added to a form.

 
clip0367
 

 

 
 

 

Multiline Text Box

 

Example of a multi line text box

Example of a multi line text box

 

A Multiline text box allows the user to enter text and numbers. The size of the field can either be half the width of the online form or be the full width of the form (as in the example above). You can also select the height of the text box the be either Standard (as in the example above) or Large.

Enter the name that will appear to the left of the field i.e. the field label into the Multiline TextBox Name field.

You can enter Empty Text which will show before any information is entered. In the example above the instruction Please enter your name has been added.

A message can be added underneath the text box to explain the the user the type of information that is required. Enter the text in the Help Message field to explain what details need to be entered in the field. This can be left blank.

If the field has been made mandatory it will show with a red asterisk. A message can be shown at the bottom of the screen if the user tries to save the form without completing the required field.

There is no limit to the number of Multiline text fields that can be added to a form.
 

 
clip0368

 

Masked Text Box

 

Example of a masked field

Example of a masked field

 

A mask can be applied to a field so that any input is formatted in the required way. There are 7 masks included as examples. You can select one of the examples or create a custom one to suit your data.clip0390

If you select one of the examples the layout of the mask will displayed in the Masked TextBox example field so that you can test the mask.

If you create a custom mask the following 3 masks are the most commonly used ones.

L = Uppercase letter

l = Lowercase letter

# = Number

 

Select the option Partial entry not allowed to prevent incomplete entries being added.

 

clip0369

 

Check Box

 

Example of a check box

Example of a check box

 
A CheckBox will allow the user to select an option. It is effectively as yes answer to a question if the box is selected. You can create as many CheckBoxes for your form as required.

 
clip0370

 

CheckBox List

 

Example of a CheckBox list

Example of a CheckBox list

 

A CheckBox List enables the user to select more than one option. The help message is displayed under the options, as shown in the example above.

 
clip0371

 

Dropdown List

 

Example of a Dropdown list

Example of a Dropdown list

The dropdown list provides many options for the user to choose from but they are only able to select one of the options. You can select one of the options to be default so unless the user selects a different option, the default option will be used.

clip0372

Options List

 

Example of a Options List

Example of a Options List

 

An options list is similar to the dropdown list as a users can only select from one of the options listed. You can also set one of the options as being the default option. The difference between an options list and a dropdown list is the way that the choices are displayed.

 
clip0373
 

Date Picker

 

Example of Date Picker used in a form

Example of Date Picker used in a form

Users can select a date from a calendar which is easy to use. This also ensures that all dates are formatted in the same way and there is no confusion.

The date picker can be added as many times as required to a form.

clip0394

 

File Upload

 

Example of File Upload

Example of File Upload

 

There may be cases where an electronic file needs to be included with the form. You can add an upload button to the form which will upload a maximum file size of 2GB. When creating the button you need to select the type of files that you want to allow to be uploaded. There are 9 file types that can be selected for uploaded. You can also label your button with text appropriate to your form.

You can only add one File Upload button per form.

 
clip0377