Outlook of the Functions

Property Window

Property Window
  1. Heading of the field
  2. What you type here will resemble in field validation
  3. Where you get to adjust the size of the text box for users to type
  4. If you click on required, users cannot keep this field blank or wait without selecting an answer
  5. This is where you define maximum characters per field eg: if you think a passport number cannot be more than 10 numbers, you include 10 in the “max length” field. So the text box length will be adjusted to fit exactly 10 numbers.
  6. If you do not want a certain field to be displayed for the users you can click on the “hidden field”.
  7. Disable certain fields so that the users will not be able to edit it
  8. Click on the check box If you want the answers to this particular field in the summary of the form
Property Window

What you type in Title will resemble in the “flow” page.

What you type in Name will resemble in field validation.

Significance: when you need to have 3 fields with the same name (circled) and when you need to give validations separately for all 3 fields or just one field.

 

Items window and the usefulness of the Items

Property Window
  1. What you type just for information and display purposes
  2. Enables you to include a heading text apart from the main heading
  3. when you build a flovv with more than one page, with the help of the “Flovv summary” tab you can include the summary of the fields either on each page or on the last page of a form.
  4. This is where you add heading text

1

Example of a summary details on the last page of a flow. as a result of the summary tab

  1. if you want to add HTML code you can do so with the help of this tab. Helpful when you want to add an image etc and if you know a little bit of HTML

Page Validation

Page validation occurs when you need to vaidate a single feild or multiple fields when the user click on the forward or submit button. The error message shown, will apply to the whole page.

Lets take a look at a very simple example

E:g –your creating a form and you need to pick up Details of a particular family you ask the following two questions.

Page Validation

You want to throw out an error message if someone mixes up father’s age and son’s age For that you include a “page validation” as below.

Page Validation

You allow the user to proceed only if they include a value that is greater for father ´s Age than the son's Age. 

Page Validation

Saving a Flovv/ Adding a Page/Deleting a page

Saving a Flovv/ Adding a Page/Deleting a page

  • Save page, Delete page and Add page will be positioned at the top of the editor.

Saving a Flovv/ Adding a Page/Deleting a page

  1. Go to “Flow” view
  2. Click on “Link”
  3. And tick on the page you wish to link
  4. And then click “Done”

How Do I link two pages

Saving a Flovv/ Adding a Page/Deleting a page

Field validation

Field validation is where you get to restrict the users from giving out an answer that is away from your boundaries. The error message for the field validation will appear right after a user enters a wrong value and clicks outside the field.

E:g –you require your users to fill an invitation form, and you want that person to be more than 18 years of age to attend the party. And you need to throw out an error message if a person enters an age less than 18.

Here you need to give a field (age) validation ….

1

  1. As you can see in the drop down you get 4 options, since we want the users to be more than 18 we select “greater than”
  2. “More” will lead you to enter another validation to the same field.
  3. Type an error message
Using ”more” for a field validation

Using ”more” for a field validation

Using “more”

Lets take the same example, with another validation added

E.g. –you require your users to fill an invitation form, and you want that person to be more than 18 and less than 30 to attend the party. And you need to throw out an error message if the person enters a number that do not fall in this category.

Using ”more” for a field validation

  • Since you need to insert another validation select “And” (as shown highlighted)
  • Since the age should be less than 30 select “less than”
  • The “Age” should be less than 30, so type “30”

Adding Conditions

Adding a condition is where you let the user pass through a flow you create with validations that is applicable only to that particular user.

Eg: You are organizing a party and you want to know what type of food your vegetarian friends would prefer.

First question would be Are you a vegetarian? If the answer is yes Second question would be What sort of food would you prefer? Here you need to add a page transition.

1

Add a page transition

Go to your “Flow” View Click on the arrow that link the two pages you need to give a transition to You will see the transition on the left navigation

Simply make a sentence accordingly eg. When “Are you a vegetarian” is “yes” go to page “what do you prefer?”

what do you prefer