How to resize a table within a constant sum question for mobile screen? | XM Community
Skip to main content

Hi there!
I am using a constant sum question to ask for marginal probabilities on three different events, each defined by 4 characteristics. In order to make it easier for the respondent to spot the differences across the events I am using a table within each answer to input the value for each characteristic.
The desktop version of the question is displayed without a problem, as can be see in the first screenshot below. In the mobile version however, the boxes are displayed on top of the answer text (please, see the second screenshot). Although this is not an issue anymore when the mobile device is rotated into landscape, I would like to also find a solution for the vertical view in mobile.
Hence my question is: Would anyone know how to add custom code to the table -- using the @media query I guess -- to resize the table so the answer boxes are displayed further to the right in the mobile screen?
Screen Shot 2021-08-25 at 17.24.59.pngScreen Shot 2021-08-25 at 17.25.07.pngPlease, see the html code for the table containing the first event:
















Characteristic 1 Characteristic 2 Characteristic 3 Characteristic 4
101 4 61 77

JosepAM I am most definitely not a coder, but I'm wondering if this is one of the limitations of the mobile browser. We frequently have issues with matrix questions in the mobile format so don't use them terribly often. But perhaps others on this thread with coding knowledge can contribute?


Leave a Reply