So lets start on page one with our introduction and instructions. Click the 1 under the pages column to open the page editor. The graphic shows all four pages and for those who installed the package that is how it will appear. For those doing this from scratch there will be only the number 1 under the pages.

Lets cover creating the form. When you start building a form an overlay of the empty form will appear on the screen with no elements listed in the page. We will need three elements for our first page.

• Title -- Our Assessment Title
• Introduction -- Our instructions to for the user.
• Start Button – A button to begin the assessment.

So lets add our first element. Click the New Icon form the Page 1 Screen.What you will see is the new element dialog.

As you can see you have a choice of three types of elements. Inputs, Statics and Buttons. We will use several of these during our tutorial. But for right now we need a Static Text/Html Element. Remember we are defining our Title. So click the Static Radio button and the click the Continue Icon. This brings us to the Static Text Dialog.

Enter the following values into the fields.

• Title – title
• Name – ass_title
• Ordering – is 1
• Published -- Yes
• Position X – 80
• Postion Y – 20
• Width – 0
• Height – 0
• 
  Text Box – Welcome to the Assessment Tool

A couple of notes here. When Naming your elements it is a good practice to put an identifying prefix in front of the name. For instance we will name all of our elements using ass_ as a prefix. Also if you have a wysiwyg editor installed on Mambo you can use it for all your text boxes by setting that option in the FacileForms configuration. Here I am using wysiswyg pro but it can be any editor you have installed.

Now click the save icon. And BAM there is your title on you blank form. If the Title is not exactly where you want it, never fear. Use the element nudge tool on the left side of the overlay to reposition your Title.

This is a nifty little tool that you use to nudge elements aroung your form. Select the element that you want to move from the list of elements. Enter the amount in pixels that you want to move the element, then click one of the arrows to move your element around the form.

Click the new icon again, and select static text for our introduction and click the continue Icon . This time we will set up a static element to hold our introduction and instructions.
Enter these values for our instruction element.

• Title – introduction
• Name – ass_introductionOrdering – is 2
  

• Published -- Yes
• Position X – 30
• Postion Y – 60
• Width – 0
• Height – 0
• Text Box – This assessment tool was designed using Facile Forms 1.1.2. The intent was to create a basic assessment application that could be modified for anyone to use. The package you installed has only two pages of questions, with three questions on each page for a total of 6 questions. This was done to show how to handle multiple questions on multiple pages. You can put as many questions on each page as you choose and have as many pages as you need to hold the number of questions you need to complete an assessment. Modify this page to provide your user with information and instructions for the tool. The user is presented with four possible answers to each question. They can choose not to answer a question and that will result in a score of 0 for that item. Each of the answers can be given a score so that you can weight answers anyway that you choose. As the user completes each page they have the option to move to the next page until they reach the end of the assessment where they are given a score. You determine how the assessment is scored by modifying a conditional if then statement in the code on the final page. Finally the user is asked to rate how accurate the assessment was, and provide feed back on how to improve the assessment. You can modify this if you do not want that information.

Click the save icon.

The final element is our start button. Click the new icon again , and this time select icon from the buttons section and click the continue icon.

Enter these values into the icon button dialog.

• Title – start

• Name – ass_star
• Ordering – is 3
• Published -- Yes
• Position X – 190
• Postion Y – 340
• Width – 0
• Height – 0
• Caption -- <font size="2"><strong>Begin Assessment</strong></font>
  

Leave the other fields to the defaulted values. Now click Scripts Tab on the top of the form. Click the library radio button and choose Next Page from the drop down list of scripts. FacileForms allows you to use existing scripts that Peter provided for us, or custom scripts that you can write yourself. I will show you that later in the tutorial.

Click the save icon . And there you have it, Page 1 of our Assessment Form. You may need to nudge the elements around to fit your template, but you get the idea.