How to Create a New Form
|
Once the Form Builder has launched click in the Form Name box to give the form a title. You can type directly into the text input box on the form canvas. This option is also available in the Settings Tab on the left. |
 |
Click on the Form Description and type in a description for your form. This option is also available in the Settings Tab on the left. |
 |
Start creating your form by dragging one of the labels from the selection on the left onto the form canvas. |
Single Line: Specifies the user to type in a single line of text into the form. |
 |
In the Label: box on the left, type in a title for the input box. The text you type will appear in the form in bold. |
 |
In the Hint text box, type in some text that helps prompt the user what to type. The text you type in here will be displayed in the text input box, but will disappear as soon as the user starts typing their entry in the box. |
 |
To create a mandatory question, click the Required Field check box. A red asterisk will appear next to the label on the form informing the user that must type something here. |
 |
Further information can be added into the Description box on the left. Text typed in here will appear underneath the text input box on the form. |
 |
Click on the Fields Tab to view the list of labels. |
 |
Multiple Choice: This is used when a list of options are required from which a user can only select one answer. Click and drag the Multiple Choice label from the list on the left onto the form canvas. |
 |
In the Label: box on the left, type in a title for the Multiple Choice. The text you type will appear in the form in bold. |
 |
Click in the boxes in the form canvas and type in the choices to offer. A minimum of 2 choices must be offered here. |
 |
To create a mandatory question, click the Required Field check box. A red asterisk will appear next to the label on the form informing the user that a selection must be made. |
 |
If you would like to have an option set as a default, you can select it here. The user will be able to change the selection when they complete the form. |
 |
Click on the Fields Tab to view the list of labels. |
Dropdown Menu: Like the Multiple Choice, a Dropdown menu is used when a list of options are required from which a user can only select one answer. A dropdown is especially useful when there is a large number of options in a list, as the list is only displayed at the time of selecting and therefore takes up a minimal amount of space on the screen. |
Click and drag the Dropdown label from the list on the left onto the form canvas. |
 |
In the Label: box on the left, type in a title for the Dropdown. The text you type will appear in the form in bold. |
 |
To create a mandatory question, click the Required Field check box. A red asterisk will appear next to the label on the form informing the user that a selection must be made. |
 |
Enter the options into the boxes on the screen. Click in the Add a new option to add to the list. A minimum of 2 choices must be offered here. |
 |
Further information can be added into the Description box on the left. Text typed in here will appear below the dropdown on the form. |
 |
Click on the Fields Tab to view the list of labels. |
Checkboxes: This is used when the user is allowed to select more than just one choice offered to them. |
 |
In the Label: box on the left, type in a title for the Checkboxes. The text you type will appear in the form in bold. |
 |
Enter the options into the boxes on the screen. Click the Add a new option to add to the list. |
 |
Further information can be added into the Description box on the left. Text typed in here will appear below the checkbox list on the form. Clicking the Required Field will force the user to tick at least one selection in the list. If you would like to have one or more options ticked as a default, you can select them here. The user will be able to change these selections when they complete the form. |
 |
 |
Click on the Fields Tab to view the list of labels. |
|
Paragraph: This is used when the user may have more information to enter that can fit on just one line. For example, for an address. |
 |
In the Label: box on the left, type in a title for the Checkboxes. The text you type will appear in the form in bold. |
 |
In the Hint text: box, type in some text that helps prompt the user what to type. The text you type in here will be displayed in the text input box, but will disappear as soon as the user starts typing their entry in the box. |
 |
Select the size you wish the paragraph box to be displayed on the screen. Note: This does not affect how much information the user is able to enter into the box. |
 |
Further information can be added into the Description box on the left. Text typed in here will appear underneath the text input box on the form. |
 |
 |
Click on the Save Form button to save the form. |
 |
Click the X button in the top left corner to close the Form Builder. |
|
How to Edit a Form
|
To edit an existing form created in the FrogDrive, Double click on the form. |
 |
To edit a form created using the Form widget on a site, click on the form on the site to view the settings and then click the Edit Form button in the Content Panel. |
 |
Click the Settings Tab to view the general setting for the Form. |
 |
In Label Alignment select how you want the labels in your form to be displayed. |
 |
Select Top to have the Label aligned above. |
 |
Select Left to have the Label aligned to the left. |
 |
|
To edit an item on the form, simply click on that section to start editing the details. |
 |
To change the order in which the Labels appear in the form, click and drag the Move Handle up or down. |
 |
To delete a Label, click on the red cross icon. |
 |
To change the order individual options are displayed in a list, drag the Move Handle up or down. |
 |
To delete an individual option in a list, click the grey cross X to the right of the option. |
 |