eDesigning a form for your service only requires basic knowledge of how to use the FormBuilder Admin UI.
The only prerequisite is for you to have a service ID, and for you to have been assigned permissions in the MTOA Platform to access that service ID.
For demonstration purposes, we will use the service ID “123”.
Begin by accessing the FormBuilder dashboard for your service:
http://tcappstest/Saf-Sec-Sur/13/MAF-MCF-ADMIN/eng/FormBuilder/{Your Service ID}
If you have been provided with a form or form template, you can import it using the “Import a form” button. Otherwise, click “Create a form” to continue.
On the initial “Create a form” page, provide the English and French names of your form (this can be changed later), as well as a unique acronym for your form. This acronym will be used in the URL of your service application.
When you have filled out this form, click “Create form”.
On the page that follows, you are required to provide details for the first step in your form. All forms must have at least 1 step.
Ensure that you provide English and French text for all fields that you want to use (this can be changed later), and click “Add Step”.Now your form is created, but is currently empty.
To begin adding form elements to your form, right click on the first entry (Step 1 - Contact information), and select “Create“ → “Insert element at the bottom”
Now, select the type of element that you want to place on your form from the dropdown:
Since the first step in our form is asking for contact information, let’s add a text box for the users first and last name (Single line text input):
There are several tabs which allow you to further customize your field:
- Settings: Allows you to override some browser defaults, like the width of the field or the style
- Options: Allows you to set a minimum and maximum length for the field
- Validation: Allows you to indicate if the field is required, and customize the validation messages that the user will see.
All of the settings in each of these tabs default to the most common settings, so it might not be necessary to change them for most cases. Additionally, each different type of element may have more or less options in each tab to choose from.
When you are finished customizing the new form element, click “Save and Close“x
y
z