Hi all,
I would like my matrix questions to show up in the same format on desktop view as they do in the mobile version. I have tried previous solutions posted in the community (e.g.,https://community.qualtrics.com/XMcommunity/discussion/1525/how-can-we-apply-the-mobile-layout-of-matrix-question-to-the-web-one), and dragging the options to the far right does not consistently work for all Matrix questions. e.g., see below:
Please let me know if there is a way to do this consistently across all Matrix-type questions. Thanks in advance!
Question
Mobile View on Desktop for Matrix Questions
+28Hi there, if you still need, I have a method that looks to consistently work for Classic and Flat layouts, but I was having some trouble getting it to work for Modern layout. I also know that TomG has a dedicated JavaScript function for this. But if you are using Classic or Flat layouts, you might give this a try.
This uses CSS applied to a singe page to set the container/question widths to the size of the screen and then some JavaScript to adjust the margins of the question. To apply the CSS to just the page that the matrix table is on, CSS can be added in a
Click to write the question text
Then, add the below to the matrix question's JavaScript in the OnReady section:
if (jQuery(window).width() > 480) {
jQuery("#"+this.questionId+" .QuestionText").css({"margin-left":"30%", "margin-right": "30%"});
jQuery("#"+this.questionId+" .QuestionBody").css({"margin-left":"30%", "margin-right": "30%"});
}
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.