Custom Code

I have a problem with data. The first and last names that are loaded in Qualtrics are all capital letters. Unfortunately, I have no way to act on this data before its Qualtrics integration.When I contact my clients by email, it therefore displays "Hello RYAN SMITH !" while I would prefer "Hello Ryan Smith !".So I try to get by with CSS and what seems to work on the screen when I prepare my mail, no longer works when I receive the message.This is what i did :.test { text-transform: lowercase;display: inline-block;}.test::first-line { text-transform: capitalize;}Hello ${m://firstname} ${m://lastname} !And when I receive the email it unfortunately displays "hello ryan smith !" without capital letters.Could someone help me with this method or another? thank you!

I have a multiple choice drop down field of site (Bath, Birmingham, Cardiff etc.)In the same block as the next question I have a text entry field of participant ID. This is always in the format of S/nnn (where Bath site_code is 01 so S01/nnn)Is it possible to pre-populate the participant ID text feild with the S/ part dependent on what site is selected in the previous drop down field?I believe I could do it by putting the site in a different block and then creating embedded data that can be piped in as a default response but wondered if there's a way of doing it so I don't have to break up the block?

Hi,I would like to hide a block if people insert some specific words in a text entry.For example if they insert the words "apple", "banana", and "pear" they will face the block otherwise this block will be hidden, if they insert some other words they will go through the survey. I know that I can do it using the survey flow and the embedded data, but this is a simpler version of what I need to do, and I can only do it using Java. Can you help me, please? Thank you!

I am trying to record the number of times that the prompt that’s displayed if the respondent fails to answer a question pops up. I want to measure the number of times each prompt (for blank or unusual answer) is displayed for every screen.  Can this be done with custom code, or is this feature not available in Qualtrics?Thx!

Hi,I am trying to edit the font used in this code: jQuery("#"+this.questionId+" td.c1:first").html("Proposal Priority")I tried putting ".css(font-size: 16px)" but the error says "Invalid javascript! You cannot save until you fix all errors: Unexpected token ILLEGAL."Could someone please help me with fixing the code OR how to edit the font in that code?Thanks in advance!

Hello, I currently have a survey set up where participants are matched in groups of three. After they are matched they are shown a next button that takes them to the next block. However I would like to remove the next button and simply have them advance to the next block automatically. Below is the script I am trying to edit to get this done.function attemptMatch() { setTimeout(function () { makeRequest(); console.log("Attempt = " + attemptCount + " | Status = " + status); if (attemptCount == maxWaitTime) {timeOut = "yes";} if (status == "matched" && attemptCount >= freezeTime){ console.log("End MATCH"); if (bots.length < 1){ console.log("Matched with other participant(s)"); if (matchAlert == 1) { updateAlert(); // alert("Successfully matched!"); } if (Qualtrics.SurveyEngine.getEmbeddedData("groupSize") == 2){ infoBox.innerHTML = "You have been successfully matched with another participant."; } else{ infoBox.innerHTML = "You have been succ

Hi,I have a hidden question that randomly shows 5 out of 70+ choices. How can I display/pipe the first and second displayed choices on the next question? ${q://QID76/ChoiceGroup/DisplayedChoices} displays an array of displayed choices. I tried displaying one of the displayed choices using an index, but it doesn't work.

Hello! I am looking for help in creating JavaScript code that allows me to disable the abilities to (1) drag the marker on the Slider question type and (2) to click on the band to select a score on the Slider question type. I have written code that creates arrows that go underneath the slider. Ideally, respondents would use the arrows to move the marker to choose a score. However, this new code still allows for respondents to drag the marker / point and select a score. This disincentivizes respondents from using the arrows. I would like to add code so that respondents can only press the arrows to move the markers. Any help would be great! I have included an image of how the marker moves when the arrows are used.

Hello everyone, As per screenshot below, I am trying to set up a 5 point Likert scale, but the options are quite lengthy. So, I've increase the width of the SkinInner to 80% using the following CSS code and the options are now wider..Skin, .SkinInner {width:80% !important;}However, the left margin is inferior to the right margin. Ideally, I'd like the whole survey interface to sit in the middle of the page if it makes sense? So aligned to the centre? Anyone has any idea? Thank you so much!Andrea

Hello! I have JavaScript code that allows me to change the slider question type to use two arrows underneath the slider to move the marker when assigning ratings. However, I would like to disable the ability to move the marker by clicking it with your mouse and then dragging it because this discourages the use of the arrows. Any ideas on code that could help? Any help would be great!

Hi, I'm new here. I've seen that people use jQuery("#"+this.questionId).hide() to call and hide a question but how can i hide an option of the question? Thanks in advance.

I'm using piped text to show items on a "personalized checklist" on the final page of my survey using a text/graphic display question-type and based on previous answers on the survey. For example, Q. "what are the sources for agricultural water use on your farm?". If they select "well water" as one of their responses, 2 embedded data items should appear on their "personalized checklist" on the final page. If they select "stream or pond" another item should appear on the checklist. If they select "municipal water" then none of the other 3 "embedded data" items should appear on the checklist. So, although piped text is working correctly, it's not as clean looking because I have some "checkboxes" or "bullet points" with nothing after them, which may be confusing for some. I would like to completely hide the piped text embedded data fields if they don't select the item on the multiple-choice/multiple answer question. In the example below, the farmer selected "stream" as a water source, s

I am collecting data for the Qualtrics survey questionnaire. However, when I checked some responses, it looks like the questions are not skipped based on 'yes' or 'no' answers. In fact, both the questions are shown irrespective of 'yes' or 'no' answers.When I checked through the questionnaire, it works well but not for the respondents. What could be the issue? Please advise!

Hi! I'm working on a matrix table survey question that is constant sum. I have three columns, but I want to make the third column un-editable so that it only displays the piped text of their answers they entered in a previous question. I've never used JS before so I wanted to see if anyone had a way to use it in a case like this!Thanks for the help!

This is a simplification of a problem that I am having that requires javascript. Let's say I have two questions in the same page:Q1: Please choose one:TimBobNew partnerQ2: [in-page display logic: conditional on Q1=="New Partner"] Please type their name: [text entry]I want to set embedded data if there is new partner. Let's say I put the javascript in Q2. How would I reference Q1 answer choice so that I can say "if Q1=="New Partner" then set Q2 text entry as embedded data"? I understand I can reference the id of the current question by doing this.questionId but how does that work with the previous question or any other question? Or maybe I can condition the javascript on whether Q2 is shown somehow?

Hi allFor an economic online experiment I would like to implement a PVT-B reaction test. I'll the page to be showing a rectangle or circle that is empty, after a specified time numbers should appear that count upwards until the participant clicks on the geometrical form with his mouse (something like this).Has anybody ever done this and could help me? I have seen posts about timing features on Qualtrics, but since I need to capture the time between the numbers starting to count and the mouse click I do not really know how to start.Thanks a lot in advance!Best, Arto

Hi - I have set up a button and counter (usingsurvey flow embedded data, question button html and question javascript, but am wondering if I can set up a real time visual display of the number of times the button in pressed - so that the presser can see the count go up in real time?Thank you!

Good afternoon,I was testing my survey in Chrome, works well. In Edge, it is not showing the JavaScript part (not supported in Edge). Ideas or suggestions?Java CodeHow do I have two scripts to run on the same page? Right now I have it as:Qualtrics.SurveyEngine.addOnload(function(){ /*Place your JavaScript here to run when the page loads*/});Qualtrics.SurveyEngine.addOnReady(function()  {   var display = $('wordCountDisplay');   var questionID = this.questionId;   var textbox =$('QR~' + questionID);   var that = this;   function countWords(s){   s = s.replace(/\\n/g,' '); // newlines to space   s = s.replace(/(^\\s*)|(\\s*$)/gi,''); // remove spaces from start + end   s = s.replace(/[ ]{2,}/gi,' '); // 2 or more spaces to 1        if(s == ''){       return 0;         }else{       return s.split(' ').length;         }   }   textbox.onkeyup = function(e){   display.update(countWords(textbox.value));   console.log(textbox.value);   }});Qualtrics.SurveyEngine.addOnReady(function()

Hi, I'm trying to add a scrollbar on my text box and have used HTML code to try to do so but when I click preview on my survey, the text is cut off at 30vh and there is no scrollbar. Here is the code I'm using:I've also tried to use this version to no avail:< div style="max-width:100%;width:100%;height:50vh;overflow:auto;border:1px solid black;padding:2%">Hope someone can help! Thank you

Hi - I'd like to know if participants played any of the two audio files embedded in one question. Has anyone explored this before? Thank you.

To summarize, we need to ensure that for each Tool name entered, we have a corresponding tool use. And for empty tool name rows, the respondent is not able to select a tool use. We have been able to achieve that for a single option, out of the 7 available options using custom validation. We were looking for a way to replicate that for all 7 options of the question without having to do that manually. Additionally, this needs to be done for 15 questions. Would be great to have your input if there's a way to simply copy this validation by using java script or any method deemed best.

Hi, I am trying to insert an SVG object and have the id of that SVG element be published on the window. I have a working prototype where I have loaded an SVG element in HTML and then have some JS using D3.js to change the color and make the SVG clickable, however I am not about to get the ID printed on the side. Is there something to how variables, data structures are accessed/handled inside the Qualtrics engine?

Hi Qualtrics community,I currently have two functions set up in a survey which aim store and retrieve some embedded data as part of a for loop. Storing the data works fine, but retrieving it does not. Here some simplified snippets:Setting the embedded data (works fine)x = ['my','data','here'];x.forEach((element, index) => { if(element) { //set element as embedded data (please note I am starting from 1, not 0) Qualtrics.SurveyEngine.setEmbeddedData( 'My_Data' + (index+1), element);}console.log("${e://Field/My_Data2"); // => 'data'Getting the embedded data (does not work)//getting the embedded data (does not work)for (let i = 1; i

I have css to avoid the grey background in multiple answers, but the questions go back to white color when you select another option instead of keep the color.I'd like the selected answers to keep the higlighted color. This is my CSS so far:.Skin label.MultipleAnswer {  color: #000000 !important;  border-style: solid !important;  border-width: 2px !important;  border-color: #000000 !important;  background-color: #ffff !important;}/*change colors of selected answer choices*/.Skin label.MultipleAnswer.q-checked.q-focused {  color: #ffffff !important;  border-style: solid !important;  border-width: 2px !important;  border-color: #663399 !important;  background-color: #663399 !important; }

Hi! I'm trying to move the position of the the statement beside the slider question to underneath the bar and labels. What code could work for this? Here's what it looks like currently; I'm trying to move 'political beliefs' to center, below the bar.