Mobile View on Desktop for Matrix Questions | XM Community
Skip to main content

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:
image.pngPlease let me know if there is a way to do this consistently across all Matrix-type questions. Thanks in advance!

Hi 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%"});
}
AlwaysAccordian1.png

Details on the function Tom_1842 mentioned are here: forceAccordion.

Leave a Reply


Terms & Conditions