Custom Code

I have a survey with 3 questions on a page - Q1 is a slideshow of 5 images (scrolling coded with js and html), Q2 and Q3 are simple text entry (numerical) questions (eg. how much would you be willing to pay for the product shown in the images). When I type in an answer to Q2, the text entry field of Q3 automatically starts populating with what I am typing in Q2. Q2 and Q3 do not have any js  - they are default qualtrics questions. If I remove the slideshow (Q1), things look normal. I am able to enter answers to Q2 and Q3 separately. Would anyone know how I can fix this? I would like to keep the slideshow and be able to type in answers to Q2 and Q3 as two separate questions…  The js on Q1 is below var prevBtn = document.querySelector(".prev");var nextBtn = document.querySelector(".next");var slides = document.querySelectorAll(".mySlides");                var slideIndex = 1;var viewedSlides = new Set(); showDivs(slideIndex);function plusDivs(n) {  showDivs(slideIndex += n);}function show

I’m trying to create a survey that will stand in place of a two-person approval process. When one person finishes one block of the survey, it triggers an email to the next person who has to complete a second block (embedded data and a branch in the survey flow). That email will include a link back to the survey. I’m sure I’ll run into plenty of problems with this, if it’s even possible, but the big problem for now is that the fields  ${l://SurveyLink?d=Take%20the%20survey}, and  ${l://SurveyURL}both pipe nothing. They are blank. The field ${l://SurveySessionID} returns a value, but the above two don’t. This happens whether I publish the survey or run it in preview. What might I be doing wrong? 

There doesn't appear to be an option to assign statements in a side-by-side matrix to groups (as there is for a standard matrix question). As a work around, I used the rich text editor to add the group label directly into the first statement in the group. The problem is that Qualtrics vertically aligns the rows to the middle so now the response boxes appear higher than I would like them for that top row. Ideas for JS that would push that down? Or other known fixes? Thank you!

I need help to reduce the space between lines in a certain part of a paragraph in my intro. Is there a way to do this? I am not very skilled in code. Thank you for any help!!  Example:  

Hi  Can someone help with the below email template.  How can I reduce the spacing between the question and the rating ?  Here is the section of the code relating   <table align="center" border="0" cellpadding="0" style="background-color:#FFFFFF;border-radius:3px;font-family:arial,sans-serif;max-width:600px;">    <tbody>        <tr>            <td style="font-size:15px;padding:16px 16px 16px 16px;">${q://QID4/QuestionText}</td>        </tr>        <tr>            <td style="padding:0 16px 4px 16px;">            <table border="0" cellpadding="0" cellspacing="0" style="color:#A5A5A5;font-size:13px;" width="100%">                <tbody>                    <tr>                        <td align="left">${q://QID4/ColumnLabel/0}</td>                        <td align="right">${q://QID4/ColumnLabel/1}</td>                    </tr>                </tbody>            </table>            <

Hi, So I have a survey that will be sent every time someone buys a product. This means each customer should be able to take the survey multiple times, but I want to make sure they can only take it once per Transaction. The survey is sent through the email team with an anonymous link, and TransactionNumber is the variable passed on that I would like to use. I don’t want to store the information in the XM Directory, and I want them to be directly sent to the end of survey message if they have already taken the survey. So far, I have created a variable called UsedTransactionNumbers. Then, there is the introduction question/messsage, to which I added the following JavaScript code: Qualtrics.SurveyEngine.addOnload(function() {    var transactionNumber = Qualtrics.SurveyEngine.getEmbeddedData('TransactionNumber');    var usedTransactionNumbers = Qualtrics.SurveyEngine.getEmbeddedData('UsedTransactionNumbers') || '';    // Convert the used transaction numbers to an array    var usedTransactio

Does anyone know how to add question text after matrix options / embed matrix options within a question? I’m trying to build the following in Qualtrics using the simple layout.  

Hi there, I built a new block for a very long survey for our Support. The new block is the only one required now, and we are about to stop displying the old blocks. What happens now is that the new block is at the end, so every time someone enter the survey, it record it as partial, even if the customer just saw the question and got out of the survey.   I want to either add a term saying that if a certain question was not asked don’t save it, or find another creative way. Last resort would be to create the survey again as new, but the flows and workflows are so complicated I want to avoid it…  Thanks @TomG 

I have a question that’s side-by-side that has numeric text entry and NA checkbox that disables the textbox. Now I just need a sum to display at the bottom of the column of the text entry. Here is code I have already.   Qualtrics.SurveyEngine.addOnload(function() {    // Access to the question div    let ques = document.getElementById('Questions');        // Access to the text boxes within the side-by-side question    let text = jQuery("#" + this.questionId + " input[type='text']");        // Access to the checkboxes within the side-by-side question    let checkboxes = jQuery("#" + this.questionId + " input[type='checkbox']");        // Validates if selected is clicked and then disables the matching text box    ques.addEventListener("click", function() {        for (let j = 0; j < checkboxes.length; j++) {            if (checkboxes[j].checked) {                text[j].disabled = true;                text[j].value = ""; // Clear the text box if the checkbox is checked            } el

Hi. No matter what I do I don’t get it right, even with the help of GPT… I want to use the ${q://QID37/ChoiceGroup/SelectedChoices} ( it’s a matrix question/crousel). I want to do the following:if (scores.every(score => score >= 1 && score <= 3)) { trustScore = "Low";if (scores.every(score => score >= 6 && score <= 7)) { trustScore = "High";if it is neither only 6 or 7 in the choices or only 1 or 2 or 3 in the choices, then call trustScore = “Normal”. Qualtrics.SurveyEngine.setEmbeddedData('Trust_Score', trustScore); I need it of course as a hidden question… any idea how I get it done? I don’t understand why anything I do, return Normal or not return at all… : I guess it starts with: Qualtrics.SurveyEngine.addOnReady(function () { var $this = jQuery(this.questionContainer); jQuery(".QuestionText", $this).hide();Then I’m missing the part of Get… what should it be… Qualtrics.SurveyEngine.get?? and it should end: // Set the result Qualtrics.SurveyEngine.s

Hi all, I’m designing a survey where I need to add N/A checkbox option everywhere. For the most part, they are numerical text entries or form or constant sum type questions. I’m not sure how to code script for each one such that if its selected, the textbox empties or becomes inactive. I tried with a matrix but couldn’t get the validation right.  Please help.Thanks!

Hello together,In my theme in the Header I added this code. It creates an embedded data field “TIME”. Removing setInterval also didn’t help.<script> Qualtrics.SurveyEngine.addOnReady(function() { const current_time = function showCurrentTime() { const now = new Date(); const hours = String(now.getHours()).padStart(2, '0'); const minutes = String(now.getMinutes()).padStart(2, '0'); const currentTime = `${hours}:${minutes}`; console.log("Current Time:", currentTime); // Log only the current time in HH:MM format return currentTime; } setInterval(showCurrentTime, 60000); Qualtrics.SurveyEngine.setEmbeddedData( 'TIME', current_time ); }); </script>When I add the field in the Survey Flow and Question it doesn’t show up I would be glad to get some help. As I am quite new to the topic and didn’t find a workung solution in the Community Thanks!Cenk

Hello everyone! This time last year, I asked a question about using Javascript to save selections from a multiple choice question as separate variable. I got some great suggestions and the survey worked like a dream. JS to set embedded variables not saving on page submitThe tricky part was that I needed those variables to work on the very next page. Here is the code that I used: Qualtrics.SurveyEngine.addOnReady(function() {     var that = this;     var nextButton = document.getElementById('NextButton');     nextButton.addEventListener('click', function() { var SchoolNumberSelect = that.getSelectedChoices();for (var i = 0; i < SchoolNumberSelect.length; i++) { switch (i) { case 0: Qualtrics.SurveyEngine.setEmbeddedData("School1", that.getChoiceVariableName(SchoolNumberSelect[i])); break; case 1: Qualtrics.SurveyEngine.setEmbeddedData("School2", that.getChoiceVariableName(SchoolNumberSelect[i])); break; case 2: Qualtrics.SurveyEngine.setEmbeddedData("School3", that.getChoiceVariableN

I have a matrix question with two columns. Respondents are asked to rate messages on a five-point Likert scale on clarity and credibility. Client wants unanswered, forced rows to be boxed or highlighted to call attn to what was missed. Willing to pay for the code.

I am currently working on a MaxDiff survey and the images are showing up just fine when I take the survey on my iPhone, but when my coworker takes the survey on his Google Pixel (using chrome browser) the images show up much smaller. Is there a way to use custom code to adjust the image size for the Google Pixel without messing up how it looks for other devices? (screenshots below) I have only used custom code one other time- so if you are able to help please explain in detail how I would implement the code as well. Thanks so much! Eliza

I tried to use this code to set up a question that autoadvances either after 8 seconds or when a response is chosen. Unfortunately, the clearTimeout isn’t working. If a response is chosen, the following page will autoadvance when 8 seconds has elapsed.Any help solving this problem would be much appreciated!! Qualtrics.SurveyEngine.addOnload(function() {this.hideNextButton();var that = this;var to = setTimeout(function(){that.clickNextButton();},8000);that.questionclick = function(event,element){if (element.type == 'radio') that.clickNextButton();};Qualtrics.SurveyEngine.addOnPageSubmit(function() {clearTimeout(to);});});

I have a Side by Side question as shown below. Do y’all know how I make it so that ‘Cannot rate’ (column 9) is the only selection that can be made if ‘Not started’ (column 1) is selected? I tried to mirror in some way the JavaScript shown in the answer in the post below, but I cannot figure out how to get it to work.  

I have added a couple of checkboxes throughout my survey (Simple layout) using the html code <input type="checkbox">.I have added print screens of a couple of examples below:Example 1: Checkboxes to indicate why a particular section of questions is not relevant for the respondent to complete:Example 2: Check box after a statement on a matrix table question to indicate that the particular statement is not relevant to the respondent: I need these checkboxes to record data. From searching the community posts I can see I need to use Javascript to store the checkbox status in an embedded data. However I am a complete noob and have never used Javascript or Embedded data before. Is anyone able to help me with how I do this? Thanks so much!

Hello Qualtrics Community!I’m currently working on a survey in Qualtrics that involves Loop and Merge functionality, and I'm trying to conditionally hide a question based on the value of a Loop and Merge field. However, I'm facing some challenge getting it to work as intended.Here’s what I’ve implemented so far:Qualtrics.SurveyEngine.addOnload(function() { jQuery("#QID119").hide(); var fieldValue = "${lm://Field/3}"; var featuresValue = "${e://Field/features}"; console.log("Field Value:", fieldValue); console.log("Features Value:", featuresValue); if (fieldValue === "1" && featuresValue === "multi") { jQuery("#QID119").show(); } });My Current Issue:Despite hiding the question initially, it still shows up even when the Loop and Merge value does not match my specified condition. I want to ensure that the question remains hidden unless the Loop and Merge value meets specific criteria.Additional Details:The question ID is confirmed to b

Hi :)What are the chances I can use a saved font in my library not only for surveys but also for communication like emails or invite emails?Thanks a lot! @Shashi  you probably know ?

The idea of the task that I am trying to create is that the participant is presented with with a sentence that contains a root word e.g. “The teach taught her students”. The participant is then to complete the sentence by in this case adding a suffix to the word teach and turning it into “teacher”. The issue I am having, is making it so that Qualtrics record the letters typed and the reaction time of each letter. Furthermore, to make things even more complicated, I also want a separate version of this task, that is in Mandarin.  Is this even possible through Qualtrics? If not, I’d be grateful for any other ideal software. 

Hi, I'm looking for a way to ask long questions in combination with a star slider. Standard; the space for the text is very limited, so if you type a long question it appears on many lines. I found this: https://www.qualtrics.com/community/discussion/comment/3133#Comment_3133 that works great on desktop to combine long questions with the star slider; however on mobile it becomes completely unusable. So I thought, maybe a solution would be to make the question text appear above the stars, instead of next to them. Is there a way to do that? Thanks, Joyca

So, you want to compare today's date to a date entered in a response. Or you want to know if the date entered is more than one month from today. Or compare the start date to the end date entered to ensure they didn't mistakenly put in a wrong date. It's all about validation. Qualtrics can do this natively IF the dates entered are all the exact same format. In survey flow I created a few embedded data fields to hold some data1.     Is today’s date – the date the respondent is filling out your survey2.     Tomorrow shows how to increment by one day. NOTE: %20 is html for a space3.     Thirty days from now adds thirty days to today’s date4.     Thirty days ago subtracts 30 days from today’s dateI can show the data...I can even ask for a date input (has to match the format)And then I can do a comparison between what was input and what I already have to control my display logic.My only issue/problem to solve now is how can I force the proper format needed (mm/dd/yyyy - with NO leading

Hi!I have 4 questions in one block, separated into 3 pages. I want to auto-advance, but for some reason it keeps auto-advancing in the following block (for which I added no code).The first question has its own page and I want it to auto-advance after the participant choses an option or after 6 seconds. I used the following code:this.hidePreviousButton ();this.hideNextButton();var that = this;(function(){that.clickNextButton();}).delay(6);that.questionclick = function(event,element){if (element.type == 'radio'){that.clickNextButton()}}The second question also has it own page, and I want it to auto-advance after 1 second. It is information only and participants do not need to answer. I used the following code:this.hidePreviousButton ();this.hideNextButton();var that = this;(function(){that.clickNextButton();}).delay(1)The third and fourth question share the last page. I want to auto advance after 10 seconds. I used the following code in the third question:this.hidePreviousButton ()var th

Dear all,I'm conducting an experiment where participants compare two individuals (A and B) in each round and make some decisions. I have a total of 1,225 pairs of A and B, and participants will make three different decisions in three blocks (e.g., splitting money, taking money, etc.). Clearly, it is impossible for the same participant to evaluate all pairs. Therefore, in the first task, which is the first block, I used Loop & Merge, placing all A in field1 and all B in field2, randomly selecting 30 rows, and referencing them in the questions using piped text, presenting one pair at a time, as shown in the image below:Since I need to perform three different tasks in three separate blocks, I am now facing the issue of how to reference the same 30 pairs of A and B in the subsequent blocks (blocks 2 and 3). Ideally, I would like to randomize the order in the later blocks as well. However, if that is not possible, I can accept maintaining the same order as in block 1. What is essential