Custom Code

Hi All, I have two date selection questions in my survey where I would like one of them to only have respondents be able to select Saturdays and the other to only be able to select every other Sunday. Is there a code for this? And how would I input this code? Also, can I add quotas so only a certain number of respondents can select each day? I appreciate your help as I am relatively new to Qualtrics. Thank you in advance!

Hi,I am trying to add repeat headers (known as labels in “format”) to my Slider question.Has anyone got a JavaScript I can paste in?Thanks,D

Hi all,I am trying to set an embedded data variable from the selected choices on a multiselect multiple choice question using JavaScript.I can’t use piped text as we have a default value set at the beginning of the survey flow, and can’t set the embedded data in survey flow as we need the back button to be active.I have the JavaScript working for the single select multiple choice question as below:jQuery("select").on('click', function(){ var temp = jQuery("#QID59 option:selected").text(); Qualtrics.SurveyEngine.setEmbeddedData('variable', temp);});But this doesn’t work for my multiselect question. I have tried SO many things and nothing seems to work! This gets me the closest:Qualtrics.SurveyEngine.setEmbeddedData('variable', "${q://QID52/ChoiceGroup/SelectedChoices}");But for some reason you have to go back and forward between pages a couple times, which would be infuriating for the end user so is not an option.I suspect the thing I’m missing is the correct selector/s for this questio

Hi, My collaborators and I are trying to create a question that looks like this:Our code works for the most part, but we can't seem to get the "total" box to display the sum of all other 5 boxes. Here is the code: function findTotal() { // Put all 'qty' items in array named 'arr' var arr = document.getElementsByName('qty'); // Starting value == 0 var tot=0; for (var i=0; i

Hi all, I am running a survey that involves rating different images. As there are many images I would like to minimise the responses given by each respondent, i.e. when a response is made, move to the next question without having to click “next”Responses are made via a slider, and I have added the following code for the question:Qualtrics.SurveyEngine.addOnload(function(){    /*Place your JavaScript here to run when the page loads*/        this.questionclick = function(event,element){                if(element.type == 'Qualtrics.SliderBar') {                        this.clickNextButton();                    }            }});While this works with radio buttons, it doesn’t work with sliders. I have tried “slider”, “JSlider” in place of “Qualtrics.SliderBar”. Does anyone have and ideas on how to solve this?  Thank you

I have two mutiple choice questions (Yes/No) that shows in a same page. Based in if they are rated yes or not I created a embbeded variable that get a specific value. Then I want to use this embedded data to pipe in a next question. I can do this with a hidden question, but I want to create the embedded data in the same page that are the questions and then use this embedded data in the following page. Unfortunatenly, this is not working. So far, this is my code based in other posts that I read: Qualtrics.SurveyEngine.addOnPageSubmit(function() {var ans="";var qid111 = jQuery("#QID111 .InputText").val();var qid110 = jQuery("#QID110 .InputText").val();    if (qid110 == "Yes" && qid111 == "No") {        ans = "low interest";    } else if (qid110 == "No" && qid111 == "Yes") {        ans = "low mood";    } else if (qid110 == "Yes" && qid111 == "Yes") {        ans = "low mood and low interest";    }Qualtrics.SurveyEngine.setEmbeddedData("affect", ans);}); Note that th

I want to include a thank-you coupon at the end of my survey. This would be at the end of the survey, and each coupon will be linked to a particular participant. I have a contact list ready in Qualtrics to make sure that I can authenticate the participant using their email address. How can I display a particular code to a participant once they authenticate their email? 

Right now, I have a survey with a multiple choice question with text entry for each question (this is so the participants can elaborate). If the participant selects ‘No,’ writes text, and then selects ‘Yes,’ reenters text, their previous text from the ‘No’ question is still present. Is there a way to ensure that text is only allowed from the one question they select and it would delete the text if they selected another choice?   

Hey, im trying to make a survey but having problems. I will describe my problem as good as possible. What I want is that when participants click on next page button they immediatly see a sentence without the last word. I want to have a button they can click so that the sentence completes itself, I would like to have it in the same place but it is okay if this doesnt work. Then I want also that the multiple choice options true and false come in the screen.  So: sentence without last word → click → last word & multiple choice answers.  Im trying my best but can’t get it to work, does anyone have any ideas to do this?

I have built a survey with over 2000 blocks which are each set with survey flow logic to be displayed relative to the RecipientEmail of the respondent the survey is sent to. Each block has a unique url for an excel file holding phone numbers that have been pasted into the first questions added to each block, a list of numbers a respondent can check options for in a side by side question, and carry forward question which is populated if a respondent would like to keep a number and provides inputs for new owners of numbers to be entered into. I was looking into piping values in from excel sheets for the questions but can’t find a reliable way to loop and add. Are building an external api or using selenium. Here are example shots of the survey - 

We want to use the constant sum question with ‘bars’ or ‘sliders’ as answer type, but with bars draggable in vertical rather than horizontal direction. Is there a way to achieve this using Javascript? 

I want to run an experiment where the participants have to click on the right boxes of a matrix question in the right order. The first approach that came into my mind was to track the timestampts of each click and if (suppose that the right boxes were clicked) time_1

Hello,I’m trying to sticky the text of a question stem so that it follows you while you scroll. I’m pretty new to HTML and Javascript, so I’m not entirely sure how to do it. I’ve tried using the solution presented in this thread, but it’s giving me the error message "Invalid JavaScript! You cannot save until you fix all errors: Unexpected token ILLEGAL". I’m not sure what’s causing it, but I tried putting the '); on the same line as ('afterbegin', '. That got rid of the error, but then the code then didn’t seem to be doing anything. I also tried using custom CSS to accomplish it. This is the code I’m using:div.sticky {    position: -webkit-sticky;    position: sticky;     top: 0px;    background-color: blue;} I put <div class=”sticky”> </div> around the question in the HTML editor, and I used the background color to confirm that it was linked properly, but the rest of the CSS doesn’t seem to be working. I’d really appreciate any help with getting this to work. Thank you!

Hi everyone,I would like to ask you a Question about constant sums.I would like to distribute 40 points (among 4 options) in a Constant Sum.The respondents should drag the slider to the desired position.Since educationally disadvantaged groups should also be surveyed, the slider should only be movable in steps of 10. If the slider is closer to 0 than to 10, it should jump to 0. If it is closer to 10 than to 0 or to 20, it should jump to 10, etc. If it is placed exactly in the middle (5, 15, ...) it should be rounded up and jump to the higher 10 step. So the options would be 0, 10, 20, 30, 40. Optionally it would be perfect if the steps could be 0, 10, 20 and 40.I think there is a similar question already, but it is not available (anymore) - I have already informed the support of the site about it but so far the problem has not been solved.I am grateful for any tip! Many thanks in advance!

Ok so I am new to development on Qualtrics although I have been using it for some time. Not new to JS/HTML/CSS but the below code is pretty wonky I know - trying to get this right for a reach goal of a supervisor! My question is this: Why is my height not applying? I was able to test that I am actually adjusting the CSS related to the Matrix table I am attempting to work with by changing the background-color which I was able to do. In fact I can adjust other CSS properties, but not the height. Why is this? I realize my way of reaching the Matrix table “tbody” was a bit obnoxious but it’s 5am and I’m trying to “go the extra mile” in a short time.Qualtrics.SurveyEngine.addOnload(function(){    matrix = this.questionContainer.childNodes[5].childNodes[1].childNodes[1].childNodes[2].childNodes[1].childNodes[5]    matrix.style.height = "200px";    matrix.setAttribute("id","matrixID")});Qualtrics.SurveyEngine.addOnReady(function(){    matrix = this.questionContainer.childNodes[5].childNodes[1

Hi all, I was trying to pass multi text set codes through url string using Q_EED Base64 format only the last option in the set gets populated when encoded using base 64.If I use the below format to pass the data through string without encoding it work populating all in the variable TagExpType.https://w5cx.qualtrics.comXXXXXXXXX?TagAge=32&TagShowDate=2023-03-21&TagCountry=US&Q_Lang=EN&TagCity=New York&CustomerID=abcd-1234-5678-vedr&TagExpType=Tock Perfect Pick 0&TagExpType=BTG Brut Rose&TagExpType=BTG 2018 Pinot Meunier&TagExpType=VC Patio TastingBut if i use the encoded format (decoded shown below for reference) it only replaces the last code in TagExpType. In this case the “VC Patio Tasting” only.https://w5cx.qualtrics.com/XXXXXXXXXXXXX?Q_EED={"TagAge":"32","TagShowDate":"2023-03-21","TagCountry":"US","Q_Lang":"EN","TagCity":"New York","CustomerID":"abcd-1234-5678-vedr","TagExpType":"Tock Perfect Pick 0","TagExpType":"BTG Brut Rose","TagExpType":"BT

In the survey I’m currently working on, we have our users upload a receipt. I’d like to have that receipt in an iframe later on in the survey so they can reference it for other questions. However, when I try to set up the iframe using embedded data (<iframe src="${e://Field/receipt}"></iframe>), it loads a blank frame and opens the file twice in new tabs.Is it possible to load it in the survey itself, rather than a tab? I feel like I must be missing something obvious.

Hi All,   We are using Q_lang parameter for prepopulating the customer preference language in the url sent in the email. However, for the below languages Qualtrics is using a different language code values. ISO Code → QualtricsES    → ES-ESZH  → ZH-SZF → ZH-T We are using blocks on the survey and would like to add the javascript to one of the block which can change the language on the load.OnReady function. var Q_Lang= "${e://Field/Q_lang}";        if(Q_Lang=="ZH") { jQuery("#Q_lang").val("ZH-S").trigger("change") };    if(Q_Lang=="ZF") { jQuery("#Q_lang").val("ZH-T").trigger("change") };    if(Q_Lang=="ES") { jQuery("#Q_lang").val("ES-ES").trigger("change") };However, this isn’t working. Can you please give us the hint? 

Hi everyone, I am posting the solution to a question that I had but (finally) figured out the solution to. This is for those wanting to pin/freeze an image to the top of the screen (with a white background) so that it remains in place while the participant scrolls through survey questions. Shoutout to ahmedA for responding in related forums and for providing the step-by-step instructions for how to do with this text: https://community.qualtrics.com/XMcommunity/discussion/14035/pin-instructions-to-top-of-page-as-participants-scroll-through-questions#latest There's only a couple steps to pin your image to the top of the screen.Within your question block in Qualtrics that you want to add the image to, right-click on any question and click on the option "Add JavaScript"Delete all of the code in the box and replace it with the code below: Qualtrics.SurveyEngine.addOnload(function(){    base_element = document.querySelector(".SkinInner")    base_element.insertAdjacentHTML('afterbegin', '');

Hi, just wondering if someone can help, I have a multiple choice question and I am allowing multiple answers …Is it possible that if a user selects the “All Applications” checkbox, that all the other checkboxes (with the exception of the Other option) are ticked automatically?  

I have a simple dropdown for participants to select their year of birth. I want to create a variable under addOnPageSubmit that will give me the recoded value for this question. I can’t use var age = this.getChoiceRecodeValue(this.getSelectedChoices()); since the js has to be in a different question on the same page. Ideally, I would want something like the below var age= jQuery("#QID209 option:selected"); However, I can’t figure out how to get the recode values using this :( Any help is appreciated! 

I have tried to add a ::before element with a content directive to select#Q_lang.Q_lang, Q_lang, and #Q_lang to no effect.select#Q_lang.Q_lang{ content:"Insert Text"}Is there a better supported way of adding a label to the dropdown?

Hi! I am trying to create a multiple choice question with images in the option boxes. I have added the images using text editor to the options. However, the option boxes don't seem to reflect updates to the size of the embedded image beyond a certain point (eg., the change is reflected with image heights between 0-200; but beyond that height the changes aren't reflected). The layout of the question is horizontal placement of the option boxes.Could someone please explain this behaviour of the option boxes and how I could change it to reflect larger sizes of the images?  Thanks a lot!

Hi All, I set-up a survey that allows file uploads.  When the email submissions are sent to us via the Workflows>Survey Response, the piped File Upload (<a href=“${q://QID1/UploadedFileLink}”>Uploaded File</a>)  is a clickable link, but does not allow the file to be downloaded via the email submission.Do you know of any HTML code or setting in the Workflows that can facilitate the download of the file in the email submissions?  Alternatively, is there any way to append the file upload received via the survey to the email submission?  Appreciate any direction or thoughts on this.  Thanks!

Hi there,Just wondering if there is a way to capture the url (maybe as an embedded variable?) of an uploaded picture to then display it later on in the survey? Thanks!Jess