Building and Deploying Your First Form

Follow

Watch Video

Start by logging into your doForms website account at www.mydoforms.com and choose the Build Forms tab. When this tab opens you will see a blank page where you can start building a form.

TIP: For some inspiration, you can visit our Industry Template Library that contains lots of forms that you can use as examples. You can start with one of these forms and edit to customize it to your needs. This can be done by going to Build Forms > File > Add Industry Template.

On the bottom of the page there’s a selection of available “widgets” that you will use for building your forms. To build a form you just stack these widgets in the order you want the questions to be answered. Or, you can place the widgets into “containers” to organize them in other ways (say in a grid format). To find out more about all the available widgets and containers, please go to http://support.doforms.com/hc/en-us/articles/200076619-Question-Container-Widgets.

Adding a widget or container to your form is as simple as “dragging and dropping” it onto the form canvas (the big gray area). Once added, the panel on the right displays the Properties of the selected (green) widget. These Properties allow you to manage how the selected widget looks and works.

With this introduction in mind, build a simple “Resume” form. To keep things simple, we will avoid using containers and just stick to the basic question widgets.

Let’s start by adding a section title called PERSONAL INFORMATION by using a Label widget. Labels can contain text and/or graphic.
• Add the Label widget by using a “drag and drop” motion to place it at the top of the form canvas.
• Then type “PERSONAL INFORMATION” in the Caption property.
• Set the Image Justification to Left, as shown below.

Now, let’s add the first question in the form, in this case a text entry widget for entering a name.
• Drag and drop a Text widget below the Label.
• Type “Name” in the Caption property.
• Type “Enter your first and last name” in the Hint Property.
• Check the “Required” property so that entering a name is mandatory.

Next, let’s add an image widget for adding a photo.
• Click Image and drag and drop it below the previous question.
• Type “Photo” in the Caption property.
• Type “Add a personal photo” in the Hint Property.

Next, let’s add a multiple choice widget for gender.
• Drag and drop a Select Multiple below the previous question.
• Type “Gender” in the Caption property (in this case we will not include a Hint).
• Check the Required property.
• Under Options click Add answer. Type “Male”. Click Add answer again.Type “Female”.

Next, we’ll use the Date:Time widget to insert date of birth.
• Click Date:Time widget and drag and drop it below the previous question.
• Insert “Date of birth” in the Caption section.
• Mark it Required information.
• Make sure you set the Kind option from where you can specify the type of data (from “Date”, “Time” or “Date:Time”), in this case just “Date”. 

Next, use the Numeric widget to add phone number.
• Drag and drop a Numeric widget below the previous question.
• Type “Phone number” in the Caption text.
• Mark it Required since it is important information.
• You want your number type to be Integer (but you also have a Decimal option, together with adding the Currency symbol if you are using the numeric widget to enter monetary values). 

Next, add a Text widget for entering an address.
• Drag and drop a Text widget below the previous question.
• Type “Address” in the Caption text.
• Specify that what you want is to “Add physical address” in the Hint section.
• Mark it Required.

Continue by using the Email widget to “Add email address”.
• Drag and drop an Email widget below the previous question.
• Type “Enter email address” in the Hint section.
• This is also Required

Next, it is useful to use a Text widget to state the position applied for.
• Drag and drop a Text widget below the previous question.
• Insert “Applying for” text in the Caption section.
• Add the description “Job title applied for” in the Hint section.
• Mark it as Required information.

For aesthetic and convenience reasons, especially when using tablets, page breaks can be used to further organize the form.
• Click the Page widget and drag and drop it below the previous question.
• Set your Page name to “Page 2” (or any other descriptive text).

Following this, add another Text widget for entering education information.
• Drag and drop a Text widget below the previous question.
• Name the new section “Insert Education”.
• Mark it as Required.

Tip: At this point, it’s a good idea to save your form as Draft. To do this, click on the File menu and select Save Form as Draft. Draft forms are saved in your Build Forms tab but are NOT deployed to your mobile devices.

Next, add a Text widget called “Insert Work Experience”.
• Drag and drop a Text widget below the previous question.
• Name the new section “Insert Work Experience”.
• This time the text isn't marked Required, since the user can be a recent graduate and not possess a working experience.

At this point we inserted a second page break using a Page widget.

A new section can cover “PERSONAL SKILLS”.
• Drag and drop a Label widget below the previous question.
• Set the new section’s title to “PERSONAL SKILLS”.
• Set the Image justification to Left.

This final section will include question to enter “Native language” and “Other languages” with Text widgets, following the examples above. 

In the same way, add “Communication skills”, “Organizational skills”, “Computer skills”, “Other skills” and “Additional information” (all Text widgets).

Tip: Any widget has in its top right corner the options of moving it up or down (on top or underneath other widgets), to duplicate it (create another question that is the same type as the one you have your cursor on) or to delete it. 

Now that the form has been completed we are ready to “Publish” it to our mobile devices. To do this, go to the File menu and select Save Form As… Published. Name this form “Resume and, press the Save button.

When you “publish” a form, it automatically gets assigned to the Main Project.

Once published, open the doForms App on your mobile device. The mobile app will “Update” its forms to include your new form. Under the Main Menu, go to Forms from where you select the form you just created. The form will look like the illustration below.

 

 

Have more questions? Submit a request

Comments

Powered by Zendesk