Time to start building!
In Part 3 of the tutorial, you will learn the following:
After hitting "create" or "edit" on your form, you are inside the Form Designer. The Form Designer is Dimagi's easy-to-use interface for building CommCare forms. As mentioned in CommCare Fundamentals it is possible to use other tools as well, once you are comfortable with the process and structure.
Along the top of the screen you will see a number of different icons which represent question types. You can click on the drop down arrows to see which types of questions are in each menu.
There are several buttons, each one for a type of question to add to your form. These will appear in your "Question Tree" in the order they will appear on your device. In order, these buttons are:
You can hover your cursor over the question button to see what it does. For more information on the From Designer and Question types see our Form Designer Help Site.
Try clicking on the "T" to add a text question. You should see the following:
You will now see that there are two sections in the Form Designer main page:
In this tutorial we will only be concerned with Main Properties and Logic Properties.
Try adding text in the Question ID and Label Text boxes.
Delete this text question by using the red delete button in the upper right-hand corner.
You can't put just anything as a Question ID. Here are the rules:
If you violate one or more of these rules, you'll get a warning message! Try it!
Let's start populating this form with questions.
It should look like this:
You can ignore everything that is not in "Main Properties."
Question ID is what the data will look like when viewing the form submission. The mobile user WILL NOT see the question ID, only people look at the data will. If you are going to use a data analysis package, you may want to consider what format of the Question ID will be easiest for your software to process.
Label Text is the display text that the mobile user will see. If you have more than one language in your application you will have labels for each language, but the same Question ID. You can have any type of special character (or non-English text) in Label text
Double check it:
Look at the question tree- now we have two questions, woman's name and village name. Let's say we want to put Village name as the first question. You will click on "Village Name" in the Question Tree, and then drag it above Woman's Name. There is a small bar that will show where the question is going to be inserted and you will also see a green check mark. It will look like this:
Everything is the same as when you added a text question, just the question type is different!
You can change the question type using the "T" dropdown menu in the upper left corner of the Question Properties box. The only thing you can't change is a label.
Now comes a new type of question- the Multiple Choice question. We are going to ask a yes or no question- whether or not the woman gave birth previously.
This means we need to add three things:
To do that, click on the "multiple choice" question button. When you do that you will see that the circle button next to it lights up:
Click on the question ("question4" in the image above) and fill out the Question ID and Label Text:
However, we also need to change the names of the choices. Click on one of them and you will see something similar to what you have seen for questions:
The Answer Value is similar to the Question ID - this is how the data will be coded; the Label is the text that the user will see.
Set the first one to:
And the second choice:
It will look like this:
This next two questions will be easy again. We want to add two integer questions. Click on the numeric question type to add the question.
The first one should look like this:
And then make a second question like this:
How's does it look?
Almost done with the first part! Add another Multiple Choice (Single Answer) question:
Then add two choices:
The last thing we want to add is a screen that doesn't ask for any information, but provides a written message to the mobile user. We want to remind her to tell the pregnant woman to go to the clinic.
To add a label you will need to click on the drop-down menu text to the "T" for text question:
Then set the main properties as follows:
You're done adding questions! Here is what you're Question Tree should look like:
You've got a beautiful form! But there are a couple of things we can improve... for example, we shouldn't ask how many living boys or girls there are if the woman says she has no living children. And we also might want to stop the user from accidentally saying that a woman has 100 girls! We can fix some of these issue by adding some logic to the form. Go on to the next section.