Custom Code

The file upload question on mobile is cumbersome and makes the user scroll left-right to see it in full. Is there a way to make the answer choice responsive to mobile? The question text, I have that control over because of being able to use HTML. Relatedly, is there a way to control what the file name is when Qualtrics saves a file upload in data? This survey is for a research study...Thanks, Divya

The only option I have seen so far is to restrict them to play it only once or to have autoplay. Any ideas on how to achieve this?

Hi Qualtrics Community,I'm hoping that someone can help me with the following:I am new to qualtrics and I have a question about the formatting in a drop down list. I have a side by side question where one column is the drop down list and participants need to choose an option, in the second column participants need to rate their answer. I want to have headers in the dropdown list by making certain options/text bold or underlined. I tried to Google answers but I couldnot find an answer, furthermore I tried to change the format of the choice with the rich content editor, but this did not work. Any advise is greatly appreciated.

Hi everyone,In my survey there is a section where I am interested in hiding the "NEXT" button, as the progress is automatic.I was able to hide the button thanks to TomG, by writing a script in the header, and inserting embedded data in the survey flow. However, there is still a brief flash of the buttons in the transition between the displayed images.I would be very appreciate if anyone knows how I can hide this button so that in that part the button will not show at all.Many thanks.

Hi, I am developing a EV-related online survey, and would like to have a drag-down menu to one of the rows(transport mode) in the Matrix model. This confines the answers into fixed scope and saves the trouble to interpret crazy replies.Would any one be so kind to share any ideas on how to deliver the function? Many thanks!

I have a list with 5 list items. The second list item has a button after the text. When the button is clicked, the remaining list items should be displayed. But currently, the remaining items are displayed as a sub list, which is not what I am aiming for. I want the remaining items to be the part of the main list. This is how the list looks currently:Also in addition I want another paragraph of text to be shown below the list when the button is clicked, but the paragraph should be aligned with the "My list" text and not the bullet points.

tl;drIs there some custom CSS code I can insert in the Look & Feel area that would target every occurrence of ${lm://Field/2} in my survey?(If I used the Rich Content Editor, it would take me a very long time and I want to be able to change my mind about the color I want to turn every occurrence of ${lm://Field/2}.)Thanks! 😀BackgroundI have a survey with a block of questions the respondent answers about each of their children (whose names they've enumerated in a previous block). I've implemented a Loop & Merge for this purpose, and it works. In each question in the block, the "current" child's name appears so that the respondent is always clear about which child they're answering about at the moment. An example of a question's text is:How would you rate ${lm://Field/2}'s athletic ability?And with each loop, the children's names stored in the Loop & Merge's Field2 appear appropriately. Now I just want to be abl

Hi! Here are my items:Q1: Please select all options that apply. A B C D Other (please specify) [open text line]Only those selected among A,B,C,D are carried to Q2. I can get the "Other" option to be hidden for this Q2, using jQuery("#"+this.questionId+" li.Selection").eq(4).hide();Q2: Please select your TOP choice . A B C DThose that were NOT selected in Q2 are to be carried to Q3. However, this means that the "Other" option gets carried-over, as well (because it was only hidden). Q3: Please select your BOTTOM choice. (Suppose that A gets selected) B C D Other (please specify)Thus, I don't want to hide an element based on a selected element number, as that element number appears to change as a result of the choice selected. Is there a way to select an element based on the 'label' of the option? pseudo-logic., jQuery("#"+this.question

I have a long matrix question containing several different choice groups. I would like to repeat the headers, but am not satisfied with Qualtrics options because the repeated headers are being placed in the middle of my different choice groups. Is there a way with Qualtrics or Javascript to control which rows the header is repeated on?

Hi Everyone, I have created a side by side type of question. Before the options to the respondent I would like to add a common statement which connects to rest of the following options. For eg. Q. To what extent do you agree with each of the following statements, in terms of the challenges your firm faces in a country? (Please select one option from the drop-down menu for each question)Relative to the competitors... Our firm faces costs of advertising (drop-down list of strongly disagree- agree)Our firm faces transportation costs (drop-down list as above )Our firm receives biased treatment by consumers (drop-down list as above)My query is How do I insert "Relative to the competitors..." as a sentence and not have drop down scales displayed for it. Is there a way?Attached is an example of another question where I am struggling to find how to insert a common overarching s

Hello Community, In my current survey, I want to people who do the survey to return to the Table of Contents page after every block, so that they are able to see which blocks are already "ticked off". To realise this, I added the custom JavaScript on a question in the last page of every block like that: jQuery("#NextButton").unbind("click"); jQuery("#NextButton").click(function() {jQuery("#JumpButton").click() }); Which I found here: https://www.qualtrics.com/community/discussion/4271/return-to-table-of-contents-after-each-block-in-the-table The issue with this fix is, that the block is not marked as "done". So the block is not "ticked off" with a green symbol in the TOC page and it remains " to be done". Do you now how to do both in parallel: Jump back to the ToC Page and tick the current block as "done"? I tried to give the button an additional event handler, but it is getting ignored... Any tricks or tips? Or ideas? I really appreciate any help from you guys :-) Cheers, Janis

I've got a series of heat map questions where participants click 6 times on an image. The image contains three different categories of regions. My exported data shows a list of regions clicked, but it does not show if the same region was clicked twice (i.e. in a large region). Is there a way to get my output to show which regions each click occurred in? or even to follow the x and y coordinates in the output file with the region the click was in with a true or false statement? (i.e. was this click in region A? Y/N)? My assumption is that something could be done with javascript but I have no knowledge of this. Any thoughts/ ideas/ or help would be greatly appreciatedKarl 🙂

I have a draggable slider question and I want respondents to answer while they can see in the slider graph a reference point with which they can compare their answer. Is there maybe a java code or any other solution for this objective?

Hello,I have a use case where I have hidden next button throughout entire survey and want to create an HTML radio button that will advance to next page. Is that possible in Qualtrics platform? When I tried to "unhide" next button on certain questions it does not work since i have overall hide next button in header, hence the need for custom HTML button.Thanks!

My 1st question (QID8) is a MC multiple answer question.I am carrying forward all displayed choices to the next rank order question (QID9) but I want to hide the last 2 choices.

The survey that they will be taking is less of a survey and more of a form. The form they are filling out requires long answers, with formatting. In order to avoid having to reformat after completion, is there a way to allow paragraphs or bullet points or font color changes?

I am wanting to create a survey that does not allow participants to be on their mobile device, but keeps their link open until they get on a computer. I have tried using a Branch If with the Not On Mobile and disabling the next button, but once they switch to the computer it does not recognize they have switched and the next button is still disabled.Any advice would be appreciated!

I am trying to create a question with one field for MM/YYYY. I would like to validate the field so it: 1. Only accepts numbers in that format 2. Only accepts 01-12 as inputs for the MM component 3. Does not allow input of any year before 1990 4. Does not allow input of any MM/YYYY that exceeds the current MM/YYYY Seeking guidance on how to best create this question with this validation.

Dear all,Is it possible to add a swipe / tap to next question (screen) function in qualtrix? Ideally, a respondent would tap the right side of the screen to go to the next page. Many thanks,Roel

Hi,I try to prevent the "Next" and "Previous" button from appearing without success. I have set auto advance and I do not want the button to appear. I would like to know how I can do this, and is there a way to do it for an entire block in a single script?I would appreciate any helpthanks

Hi,In my survey, I want to embed a youtube video. Participants should be able to start, pause and repeat the video. Is there a way to hide the upper bar with video title, share and watch later and also the suggested videos at the end?

Hi everyone! I have some javascript code that I've written that takes survey question responses, calculates a score, and assigns a segment name as embedded data. It all works fine in preview mode - once survey responses are submitted, I can see that the embedded data segment field is filled out. However, when I tested this with a distribution (emailing myself), the embedded data field doesn't seem to get assigned, and shows up blank in my data. Any ideas why this might be the case? Thanks!

I need to set up my survey so that in Blocks 1, 3 and 5, the participants are presented questions for 3 minutes while seeing a timer counting down at the top. After 3 minutes, they are auto-advanced to the next block. In Blocks 2, 4 and 6, I need those blocks to be untimed with no timer visible. I used the code below in the JavaScript for first questions of Blocks 1, 3 and 5. What I got is that there is a timer that counts down during the first Block 1 and says "Time is Up" when it's over. That "Time is Up" message remains in place of the timer all the remaining blocks. A timer never reappears for Blocks 3 and 5 even though it does still auto-advance participants after 3 minutes. I need the timer to also reappear in Blocks 3 and 5 to show participants how much time remains. Also, I need there to be no "Time is Up" message or any header related to time in Blocks 2, 4, and 6. How can I do this?Here is my code:

Hi,Is there a way to create (exit & save) button directed the respondent to exit page but with saving the current answer and the respondents can come back later to continue the survey at the same loop?the survey will be emailed to previous known respondents so the link will be unique but I want them to exit the survey and continue in later day at the question where they stop at it which is a loop and merge question..Thanks,

Hi,I'm struggling to use jQuery to change the padding of a multiple choice question. I've managed to move the question block about in the page successfully but I can't figure out how to write the syntax to change the padding specifically.This is my set of questions. There is a category question and a sub category question. I have setup the sub category to only display once the category question has been selected.Q38 has the code (in addOnload part): It hides the actual question text, removes the separator (probably not needed now since I've changed the layout slightly and brings the questions closer together. //category coding jQuery("#"+this.questionId+" .QuestionText").css({display: 'none'}); jQuery("#"+this.questionId+"Separator").css({"margin": '0px'}) jQuery("#"+this.questionId+" .QuestionBody").css({"padding-bottom": '0px !i