If above does not work, the following can be used:<br /><table style="border-collapse: collapse; width: 100%;"><tbody> <tr> <td style="vertical-align: middle; border: 0px solid black; transform: rotate(270deg); text-align: center;">Hej Laura!</td> </tr></tbody></table>&nbsp;
@TomG How do I do the following:Among mobile devices, you can use screen width as an additional screen for phones.In my case it would be much better to have the mobile matrix table layout for tablets, but indeed the non-mobile questions are shown for tablets.I would like to define that if the width is smaller than 1280, the mobile version shall be displayed, but I dont know how to implement it.Can you help me?Thanks!
How do I achieve vertical headings in the modern layout?Both suggestions above unfortunately do not work…Thanks!
@Nanditha MM, thank you! Unfortunately, your suggestions also not yield to the desired result.
Hi @Chee Heng_SZ, Thank you! In my case the default matrix table was too wide and I used the following command to make it more narrow:<style>.Skin .QuestionOuter.Matrix{max-width: 80%;}</style>Yet, even without the command, the text above the matrix table is still not full width. Not sure where the problem is here..Do you or others have another idea?
Using “Hot spot” instead of “Heatmap” is the solution here
Hi @dduarte,Unfortunately, it does not change the color of the point in the heatmap. Do you have another idea how this could be changed?
Hi @dduarte,Thank you! I am new to Qualtrics and I am not sure how to exactly enter the code in JS for this particular question.I tried the following, but it did not work... Qualtrics.SurveyEngine.addOnload(function(){div#QID3 .heatmap-circle heatmap-point ui-draggable ui-draggable-handle entered open static { background-color: #FFEA00;}});
Hi @dduarte,Thank you! I would like to change the color of the blue point in the heatmap here:https://economicsslu.fra1.qualtrics.com/jfe/form/SV_ehRCLAfhVxHggOGYet, the primary color in all other questions shall remain in blue.
Yes, that is what I assumed, but I dont know how. Can you provide a JS code or idea?
@ahmedA, Thank you very much! This gives me the desired look for the spacing between the answers:Two questions remain:How can I reduce the space between the question and the first response option (first row in the table)? Is there a way I can also reduce the blue selection box? Now it is larger than one option and thus not correctly shown as you can see here:
I attach the QSF file of my question, which can help us to find an answer more efficiently. Thanks!
Thank you @ahmedA !The screenshot to the actual question you can find in my original question, which also indicates where I would like to reduce space.I would also like to share a link to my particular question but I am not sure how to exactly do so. Can you give me brief instructions for that? The distribution/survey link (for participants) should not help here.
Thank you for your responses!For better comprehension I should keep the bar charts in the rows.Would it be possible to insert the table as a picture and put boxes to click left of every row? This could replace the highlighting of rows…
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.
