Show a text grid and a single question in the same page

Challenge

In order to allow the respondent to skip a text grid question

As a questionnaire creator

I want to show several options at the end of a text grid question, on which the respondents can click to skip the text grid question.

(This is quite similar to question of Open type)

Example

When there is no checkbox checked, the text boxes in the grid are enabled so that we can enter the texts.

 

When a checkbox is checked, the textboxes are disabled.

 

Solution

• Create 2 questions: TextGrid and Single
• Single is set as a dummy question
• Add javascript to TextGrid to include Single's HTML to the question's HTML
• Make sure when clicking a checkbox, other checkboxes are unchecked and the textboxes are disabled
• Check if there is an option selected or no textbox is left empty when clicking Next
• Load the saved value when loading the question
• Save the value entered to the two questions