Setup quiz

To configure a quiz using Novti and the wizard form solution, follow these steps:

1. Create Form Fields for the questions

Start by creating the necessary form fields for your quiz. We suggest to name the the order as question_1, question_2, and so on, depending on the number of questions you have in your quiz. These form fields will be used to capture user responses.

TIP

With the naming convention of question_*, you can use these fields for multiple quizzes throughout the project. This saves time and helps you efficiently use form fields, if you have a limit of the maximum fields you're allowed to create.

Loading the image...

2. Form Configuration

Now, you need to define a Form Configuration. In the Form Configuration, you can map the form fields you created in the previous step. This includes both the default fields provided by the system and the newly introduced question_1, question_2, and so on. The Form Configuration allows you to customize the behavior and appearance of the form.

Loading the image...

TIP

You can also create a Form Configuration based on a Sample Template. The next steps would be to add the question_x to the mapping of the desired third-party fields.

3. Create Form

After defining the Form Configuration, you can proceed to create a Form. The Form will be automatically generated based on the Form Configuration you defined in the previous step. The Form represents the actual interface through which users will interact with the quiz. Within the form you're able to switch to the Wizard mode. This will most likely be the desired mode for setting up a quiz.

Loading the image...

4. Choose the Wizard Solution

To implement a multi-step quiz format, select the "wizard" solution provided by FormIO. The wizard solution enables you to create a multi-step form or wizard form. Each step in the wizard corresponds to a page in the form.

Loading the image...

5. Set up Questions

On each page of the wizard form, you can add multiple questions. However, it is recommended to create only one question per page. This allows you to iterate through the pages easily and ensures a clear and focused user experience.

Loading the image...

By following these steps, you can configure a quiz using FormIO and the wizard form solution. Remember to customize the form fields, form configuration, and wizard pages based on the specific requirements and design of your quiz.