Once a field is added to the designer area the field properties will automatically open. To close the properties select Close at the bottom of the window. Onced closed select the pencil button to display them again.
Label: The label is the text which is displayed above the input field and describes what should be entered (first name, last name, address, ..)
Field name: This is the input fields name and needs to be unique within the form. All unique field names must start with tf_ and are used as field identifiers in the onChange/onLoad Script and xml output files.
Placeholder: The placeholder text is displayed in lightgrey within the input field and acts as a sort help of what to enter, for example: Please enter your first name
Mandatory: When selected the user must complete this field before he can submit the form. Mandatory fields can easily be recognized by their red border. Once data is entered into the field the red border disapears. If a user should submit the form without having completed all mandatory fields a warning notification will be displayed and the form will not be submited. The form can be closed with empty mandatory fields so that the user can open and complete the form at a later moment.
Width: The width defines the horizontal size of the field. The field's size can be dragged wider and slimmer as well specified to the exact number of px in the field properties.
To align the fields the following dimensions can be used:
1 field per line: 900px
2 fields per line: 443px
3 fields per line: 295px
4 fields per line: 220px
5 fields per line: 175px
6 fields per line: 145px
onChange Script: All input fields can have actions assigned to them. For example: copy the entered value to another input field, or display a extra text input field when chosing no as an answer, and so on. These are explained further in the onChange Script section.
onLoad Script: The onLoad script defines an action once the form is opened. For example: display totday's date in the date input field, or display the current users name in the employee field. These are explained further in the onLoad Script section.