Matrix table with square buttons, instead of radio buttons | XM Community
Skip to main content
Hi all,



I would like to recreate the look and feel of the NPS question type, but customize the response options and numeric labels. That is, a numeric scale with square buttons and text labels above the scale that is displayed horizontally on desktop and mobile.



The easiest way to implement that would be to create a single-row matrix question, hiding the label columns (as discussed here). However, how would I be able to force the matrix question to use the square buttons, instead of the default radio buttons?



I would like this:

!



Instead of this:

!



Note: I am able to accomplish the above by adjusting the numeric labels of the NPS type (see discussion here). However, I could not find a way to change the number of response options from the default 11 options.



Any help would be much appreciated!

Cheers,

Fabian
Hello @fmhs



Step 1: Use Matrix Table question type and Matrix Type - "Profile". Number of Statements - "1" .

Number of Scale Points - "11" and rename these scale points as -5 to 5.



Step 2: To get label in box - Change the survey theme( eg: Qualtrics 2017) from the look and Feel tab.



Step 3: Paste the following js in Matrix question js(onReady) to hide statement text

` jQuery(".c1").hide();`



Step 4: Output



!
Hi @Shashi, and many thanks for this great suggestion! Just one follow-up question: This solution does not allow me to add labels above the boxes. Ideally, I would like to anchor the endpoints with "strongly disagree" and "strongly agree". Any idea how to accomplish that?

Leave a Reply


Terms & Conditions