Customize the Matrix?

Image Reference:

Questions below:

1. How to number the questions inside the matrix?
2. How to change the color of the checked radio button (blue) to green?
3. Is there a way to override the “inAllRowRequired” functionality? I want to open my own snackbar. I tried to implement it this way:

surveyValidateQuestion = (s, options) => { if (options.name === ‘Quality’) { const question = s.getQuestionByName(‘Quality’); if (!question.rows.every((row) => (options.value || {})[row.itemValue] !== undefined)) { options.error = ‘Answer all questions’; document.getElementById(‘sq_100_errors’).style.display = ‘none’; this.openSnackBar(‘error’, ‘All rows must be answered’); } } }

but the options.error would still show up

Are you requesting a feature, reporting a bug or asking a question?

What is the current behavior?

What is the expected behavior?

How would you reproduce the current behavior (if this is a bug)?

Provide the test code and the tested page URL (if applicable)

Tested page URL:

Test code

your_code_here

Specify your

• browser:
• browser version:
• surveyjs platform (angular or react or jquery or knockout or vue): Angular
• surveyjs version:

[dmitrykurmanov]

1. As I know we don’t have such a functionality but it could be done via onAfterRender event:

survey.onAfterRenderQuestion.add((sender, options) => {
        if (options.question.getType() !== 'matrix') return
        options.htmlElement
            .querySelector('tbody')
            .querySelectorAll('td:first-child')
            .forEach((firstTdNode, index) => {
                firstTdNode.innerHTML = ++index + '.' + firstTdNode.innerHTML
            })
    });

here the example: https://plnkr.co/edit/zzit5Wtc28Xe9v9m

1. Please check our “Appearance customization” examples : https://surveyjs.io/Examples/Library?id=custom-theme&platform=jQuery&theme=modern#content-result

2. I didn’t fully understand you sorry. Could you please describe your scenario in greater details?

[chelsumz007]

@dmitrykurmanov thank you so much man! works perfectly! 😃