Solved
How to show matrix as accordion on desktop
Looking for some custom code (Java, CSS, or HTML) that would make grid questions (matrix) display in accordion style on a desktop similar to how it does on mobile -- where one attribute shows at a time and collapses once an answer is selected, causing the next attribute to open. I have scoured the board and the internet and have yet to find a solution.
Anyone have any ideas?
Best answer by Shamji_Abbas
Hi @GeoffK,
Simply drag the vertical line present between the statements and scale point to the right as much as you can and this will give you a matrix in accordion style.
+3Hi @GeoffK,
Simply drag the vertical line present between the statements and scale point to the right as much as you can and this will give you a matrix in accordion style.
That was easy, thanks!
One follow up if by any chance you know. Do you by any chance know of code I could put into this question that could change the font for all the attributes (down the side of the matrix) (color = purple and font-weight = bold)....so I don't have to change each attribute individually with the Rich Content Editor?
+3> @GeoffK said:
> That was easy, thanks!
>
> One follow up if by any chance you know. Do you by any chance know of code I could put into this question that could change the font for all the attributes (down the side of the matrix) (color = purple and font-weight = bold)....so I don't have to change each attribute individually with the Rich Content Editor?
@GeoffK,
Add JavaScript to your question and paste the below code in the addOnReady function. This should give you the required output.
jQuery("#"+this.questionId+" .table-cell").css({"color":"purple","font-weight":"bold"});
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.