Hello all,I'm testing a survey for a project and noticed that the figures are displayed in a single row when my browser's zoom is around 75%. Initially, when the zoom level was higher, the figures appeared in two rows.I want to prevent this issue and ensure that the figures for each group are always displayed in a single row, regardless of the browser's zoom level.Could you please suggest how can I avoid this ?@Tom_1842 , @TomG and others etcFind enclosed here the link for the survey:https://southampton.qualtrics.com/jfe/form/SV_06SpN4OjDX5nC1oFind enclosed here my CSS code:.Skin .SkinInner{width: auto!important; max-width: 80%!important;}.HotSpotContainer svg > path[fill="#CCCCCC"]{fill: grey;}.HotSpotContainer svg > path[fill="#000000"]{fill: black;}.HotSpotContainer svg > path[fill="#CCCCCC"]{fill: grey; fill-opacity: 1.0 !important;}.Skin label.MultipleAnswer, .Skin label.MultipleAnswer.q-focused, .Skin label.SingleAnswer{ background: #FFFFFF! important;}.Skin .horizontalb
Hi,I am trying to change the left alignment of the item in the columns of the groups in a ‘pick, group and rank question’. Do you know how can I change the left alignment to a central alingment inside the column?All suggestions would be great appreciated.Screenshot attachedGiulio
Hi All,I am trying the best that I can to have a full time screen mode of this question but i have the following problems that I am not able to resolve, any help would be much appreciated.The problems are:Change dimensions of the group box Make items and group boxes of the same dimensions Use full time screen mode and reduce the length of the slide bar on the right, so user can access to full time mode and do not have to bother to use the slider so many times. Find enclosed a screenshot of the question. Highlighted in yellow the white space that i want to reduce and the length of the slide bar that i want to reduce as well.
Hi, I am trying to set up a question that has the visual output displayed in the image.Action requested for the task of this question: select images from the right and left column and drag and drop the selected images to an empty box of the central column. After dropping both images in the selected empty box, the two images will overlay to each other with a minimal transparency so both images can be seen in the selected box of the central column.After several corrections to the HTML, CSS and Java script code, the drag and drop action does not work. I cannot move the images of the two external columns to the selected box of the central column. I share here my codes and I hope that someone can help me to allow the drag and drop action within this question. JAVASCRIPT CODE:Qualtrics.SurveyEngine.addOnload(function() { // Wait for the DOM to be fully loaded jQuery(function($) { // Make images draggable $('.draggable').draggable({ helper: 'clone', // Use a cl
Already have an account? Login
Enter your username or 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.