Hi,
We are currently using a standard matrix question, validated by isAllRowRequired. The issue we're having is the unwanted visual change when the next page button is clicked and the respondents hasn't checked all rows.
For example:
The main issue is that it makes the unselected rows difficult to distinguish from the answered rows. There are a couple of solutions I'd like to ask you about:
- Is there a way to disable this "greying out" of the answer options?
- Is there a way to target unselected row CSS and highlight their backgrounds a different colour, to make it very obvious that they are unanswered?
- At the very least, is it possible to stop the already selected answer options changing colour? If they stayed the same colour, I think they would be more easily distinguished from the unanswered rows.
Many thanks for your help with this matter.
Hi James,
I may recommend that you consider using a Multi-Select Matrix to implement a single-select radiogroup option in each column. Please consider the following demo:
{ "pages": [ { "name": "page1", "elements": [ { "type": "matrix", "name": "question1", "visible": false, "columns": [ "Column 1", "Column 2", "Column 3" ], "rows": [ "Row 1", "Row 2", "Row 3", "Row 4", "Row 5", "Row 6", "Row 7" ], "isAllRowRequired": true }, { "type": "matrixdropdown", "name": "question2", "columns": [ { "name": "Column 1", "cellType": "radiogroup", "isRequired": true, "showInMultipleColumns": true } ], "choices": [ 1, 2, 3, 4, 5 ], "rows": [ "Row 1", "Row 2", "Row 3", "Row 4", "Row 5", "Row 6", "Row 7" ] } ] } ] }View Plunker
Empty rows will be highlighted as follows:
Let me know if this configuration suits you.
Thanks for getting back to me on this Jane. I have tried this configuration, but I don't particularly like how a message shows for every single row, changing the row spacing, and the colour of the radio buttons for the non-selected rows. We'd also prefer to have this functionality on a standard matrix question.
Thank you for the update. I may need additional time to consider the most suitable option. Please stay tuned.
Hi James,
Thank you for your patience. I discussed the issue with our UX designer. It appears that we may require to redesign a single-choice matrix as follows:
I forwarded the corresponding issue to our developers for further consideration: https://github.com/surveyjs/survey-library/issues/7963.
We'll update you as soon as we get any news to share.
Thanks