2.3 Form Creation (step-by-step instruction)

This instruction is on how to make a simple form for submitting an image. Form consists of several fields for User to enter his nickname, phone number, to select a country, to upload a file, and to express his consent to a warranty.



To create a form, the very first you need to do is to click a button "Create a new form" on the Forms List.



Right after the button is clicked, Form-Builder is loaded.

To change the name of the form, you need to click on form's name at the workspace. This calls the Form Properties tab.



Input new form name into the Form Name field.



Now you need to add the Text Field element to the form. Select the Add Field tab of the toolbox and click the Text Field button.



Right after the button is clicked text field with default properties is added.



To adjust this element click the Text Field on the workspace. That will call Element Properties tab.



Input new name into the Label field and check Required field as this field is essential.



The next step is to add multiple selection widget with a country list. Since visitor is allowed to choose one value from a list, it will be a select-box. Select the Add Field tab of the toolbox and click the Select Box button.



Right after the button is clicked select-box with default properties is added.



Similarly to the previous element you need to click it to call its properties tab and rename it by entering new element name into the Label field.



You also need to specify selection options of this multiple choice widget. You can input them manually or use a predlist. Choose the appropriate option of Predefined Lists and click Apply button.



Right after the predlist is applied widget's options become filled.



To let visitor input his phone number you add Phone element from Additional Elements section.



Input its name and select a pattern of phone format to follow by choosing the appropriate option of Format value drop-down menu.



One of the most important elements is File Upload. Click File Upload button on the Add Field tab to add it to the form.



This element preferences are name, maximum file size and file extensions. To adjust these preferences please input the values into the corresponding fields. Since this field is essential check Required option.



The last field of this form is Confirmation Box – one more element from Additional Elements section which is used to check visitor's consent to a rule or a statement.



Add it by clicking or dragging its button on the Add Field tab. Switch to Element Properties tab and input its name to Label field to change the name of the element. Enter the text of your warranty into the Value field. You can also adjust the confirmation message by inputing the text of your message into the Confirmation Message field.

After all the changes to the form are done you need to click Save button to save your form and Preview button to see how the form looks like.