Custom Code

Hello everyone!!I would like to add a share button in the 'end of survey' page so that participant who has just completed the survey can conveniently share the survey URL on Social Media or with friends using e.g. Linkedin, Facebook etc

Dear community,Qualtrics-newie here. Within my Qualtrics survey, I included a game for which I want to count the number of times the spacebar is pushed. For some reason , I never manage to get the actual number in the data output. Do you have any idea what I can do to make this work? This is the Java Code I use in the survey, as well as the survey flow: Code:Qualtrics.SurveyEngine.addOnReady(function() {    var spacebarCount = 0;    // Funktion zum Zählen der Leertastenanschläge    function keydownHandler(event) {        var code = event.code || event.keyCode;        if (code === 'Space' || code === 32 || event.key === ' ') {            spacebarCount++;        }    }    // Event-Listener hinzufügen    document.addEventListener('keydown', keydownHandler);    // Speichere die Leertastenanschläge beim Verlassen der Seite    this.addOnPageSubmit(function(

I'm a JavaScript developer and new to Qualtrics. I see that large parts of JavaScript has been disabled by Qualtrics. Is there a language reference etc. that documents the parts of JavaScript that can be used. For instance which string operations are supported? Thanks in advance!!

Background: I took the info I found here: https://community.qualtrics.com/custom-code-12/is-it-possible-to-change-the-next-button-to-finish-based-on-embedded-data-18014?postid=41891#post41891 …I have essentially two versions of a survey:Version 1: ends at Question 10 if ${e://Field/Acquisition} is blank Version 2: continues with Questions 11-20 if ${e://Field/Acquisition} is YesOn Question 10, I added this JavaScript:Qualtrics.SurveyEngine.addOnReady(function() {if("${e://Field/Acquisition}" != "null"){var newName = 'Submit'; //Update - New Next Button labelvar lastLoopOnly = true; //Last loop only? Value doesn't matter to non-loops//No changes belowif(!lastLoopOnly || "${lm://CurrentLoopNumbe

Does anyone know how to calculate age from DOB (DD/MM/YYYY) using embedded data in the Survey flow section and NOT using JavaScript.I’ve looked through previous threads but they all seem to use JavaScript and a different date format. At the moment, I’m playing with the below but I’m not sure it’s correct:Round((${date://CurrentDate/d%2Fm%2FY}-${q://QID”insert DOB question ref”/ChoiceTextEntryValue})/365,2)

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 vie

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&

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 tra

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() {

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(".

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 

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.getChoiceVari

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 befo

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.

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 ?