Custom Code

I have a question82 that asked “whether you have a serious illness that will impacting your function?” with single answer choice of Yes or NO. Once Yes is selected, I wanted the “Yes” word  to be highlighted with RED color and Yellow background. Below CSS script I inserted into the Look and Feel -? Style section of CSS box. Test it but it is not firing up the action on Q82. Can someone help to let me know where did I  do wrong? Thanks. .Skin #QID82 label.SingleAnswer.q-checked {    background:#ff0000;   color: #ffff00;}

Hi! In my survey I ask participants to rate several sounds on a scale using a slider. But I want that the slider (and in the best case also the next button) only appears after the sound has been played back for ~1.5 sec. Is there a way to do it?For the play button I use the following code:Please play back the sound and rate it according to the scale:<audio id="myAudio1"><source src="https://MyURL"type='audio/wav'></audio><button onclick="aud_play_pause1()" type="button">PLAY</button><script>function aud_play_pause1() { var myAudio1 = document.getElementById("myAudio1"); if (myAudio1.paused) { myAudio1.play(); } else { myAudio1.pause();myAudio1.currentTime = 0; }}</scrip

May I know how to set up custom code to show labels underneath when respondents hover over the star rating question?I’ve got a 5-star rating question and labels as below:1 star: Bad2 stars: Poor3 stars: Average4 stars: Good5 stars: Excellent

I have been creating a cued-recall task. Participants will learn word pairs and during the final test they will be presented with the first word and asked to retrieve the second.As I go through the preview, I keep having to click in the textbox before I can type my answer.I would like to be able to type automatically without needing to click first. I have tried various versions of:Qualtrics.SurveyEngine.addOnReady(function(){ $('NextButton').hide(); if($('PreviousButton')) $('PreviousButton').hide(); var inputText = $(this.questionId).down('.InputText'); var evt = inputText.on('keydown', function(e) { if(e.which == 13) { evt.stop(); $('NextButton').click(); } }); inputText.activate();}); andQualtrics.SurveyEngine.addOnload(function() { $(this.questionId).down(

Hi all, thanks for reading and any help.I am currently programming a survey where I need a text entry question to autopopulate/auto answer with either a “0” or a “1” based off of an embedded data value, but if the embedded data value does not meet the specifications a participant should answer the question themselves. So for example, if the embedded data = blue, the text entry question should autopopulate and save with a “0” and not be asked of the participant. If the embedded data = red, the text entry question should autopopulate and save with a “1” and not be asked of the participant. If the embedded data = green, the participant should answer the question and click the next button themselves.Based on previous threads, I have mostly figured out how to do this with multiple choice questions, but I am not knowledgeable enough in coding to reconfigure for embedded data/text entry instead. Hope this makes sense and is possible! Thanks in advance!

I am looking to create a custom code for our surveys where there will be a reset button that will take the respondent back to the beginning of the survey.Is this possible?Thank you for your help in advance!

Hi,I am trying to use the Select2 for a drilldown question and to add a search box for the first level of drilldown.Using the forum posts i was able to get this to work, however after adding the script and checking in preview i see the format for the first dropdown is different from the survey theme. The font and font size and the dropdown border look and feel is all different.Can someone let me know on how i can align or change this ?Thanks,Rakesh 

I was wondering if someone had the code to put grid lines in a Matrix question in the survey builder?

We have a survey that the participants are asked to choose among 4 pictures and then the next question rely on the selected image.Eg: ${q://QID3/ChoiceGroup/SelectedChoices}The code successfully shows the selection but no longer clickable to enlarge.We are not testing memories of the survey takers, so is there a possibility to get the click image to enlarge function for the choice? Thanks in advance.

Hi everyone,I need to create a multiple choice question (or similar), wherein the 5 statements are randomized but some text (or image) is always fixed to the 4th choice position (X).Example:A question asking to select one statement below:                          Statement A (randomized)                          Statement B (randomized)                          Statement C (randomized)X (Fixed on 4) Statement D (randomized)                          Statement E (randomized) I am not sure if I can use Java or other coding to make this happen. Here are some initial ideas:Create a 2 columns x 5 rows table that (1) assigns one multiple choice option to each row and (2) randomizes only the second column Create “If then” rules on randomization, where the subset statements for the 4th position is 1 of 5 statements that always include the fixed text (e.g., X Statement A - X Statement E) and th

I am working with Qualtrics workflow in which pulling survey response to Podio using API.In one scenario, I wanted loop for API call which is based on answer to question.In workflow itself, there is no option for looping.I have tried with custom code, with help of JavaScript fetch/XMLHttpRequest function. I was trying to call API in loop. While testing on code itself it is working (attached screenshot), but when actual workflow hit, it is giving error like - fetch/XMLHttpRequest is not defined. Please find my script below - var resData = []; if("~{ch://OCAC_2ffYcEDG3eY39Ut/statusCode}" == 200){ var projectNumbers = "${q://QID3/ChoiceGroup/SelectedChoicesTextEntry}".split(", "); projectNumbers.forEach(function (number, index) {

Hi! For some reasons I would like to show my question ID in the header (in very small characters below the question and less remarkable to the participants). I tried to do it by inserting a Piped Text in the Header section of Look&Feel but could not find the according field name for the question ID. Is there any way to do it? Many thanks!

Hello everyone,I am new to Qualtrics and I am currently trying to create a survey with smileys faces, I know I have the Graphic slider option but I would like the respondant to be able to see all the smileys. If you look below, this is what I manage to do so far. I need you help because I would like the smiley to be the question label, or get ride of the grey square behind please if you know ?  Or maybe there is an oder option with JavaScript ? Or CSS ?  Thank you for your help !  

Is there way I can add emojis to the scale of my NPS question. I don't want to change the question format to multiple choice as the survey is an existing one and with numerous responses. I am able to achieve this for all the other languages through the translations, but unable to do the same for the base language EN-US.Thanks in advance!

I am looking to apply some javascript code to a slider question to change the functionality of the slider. The code has been given to me by the organisation that has created this certain measurement tool (the Affective Emotional Slider) and it says it is functional for Qualtrics, however I cannot figure out where I can apply the code to actually change the function of the slider survey? 

For the screen capture question, I just want to show the icon itself but no other wordings, including the text above and the text “capture screen” beside the icon. May I know how to do so? 

I'm trying to work with CSS on my website/app feedback project (feedback button creative) and need help with two specific parts:eliminating border colour of the survey window (right now the borders are displayed as grey, but I want to remove the colour)Auto-adjust the survey size so that the respondents can see the entire question at once without having to scroll within the survey windowIf anyone knows how to make these settings, please let me know! Thank you!!

In a side by side question I have 3 columns and 4 items. The first two columns contain items with text entry options, the third with a MC option. In the second column I just want to display the text entry field of the first item, the other 3 need to be hidden. ! How can I set-up this? Using JavaScript? Does somebody have an example?

Hello everyone, I hope you are doing good ! I am new to Qualtrics and I just used this JavaScript technique which worked perfectlly well. There is only one question label which I would like to display in my survey do you know what should I add to this code “jQuery(“label”).hide();”.  Here’s below the question I’m working on : So to be clear I would like to hide the question labels of the first 5 items and let the 6th one visible do you guys know what should I add to the code : jQuery(“label”).hide();  Thank you in advance for your help :) 

Currently, when I export the results of my Qualtrics survey, the output file contains one row per unique survey taken (which in this context corresponds to one row per person). Each question in the survey appears as a new column on that row.However, to do the statistical analysis I need in R or Pandas, I need a dataframe with one row per observation. In other words, a file where each response to each question is on a separate row, with the participant ID, question number, etc recorded in separate rows.Visually:Current Qualtrix exportSubjectID | Condition | Q1 | Q2 | ...14 | A | Yes | No | ...26 | B | No | No | ...What I need:SubjectID | Condition | Q.Number | Q.Response14 | A | 1 | Yes14 | A | 2 | No26 | B | 1 | No

We want to set expiration in an anonymous survey link by calculating the Date wherein the survey was created (we have embedded data for this already) and the Date wherein the survey was taken. In the survey flow, we can use this code to get the current date, when the survey is being taken in Date format: ${date://CurrentDate/c} Then in the survey flow,  I can also replicate the CreationDate of survey being passed on thru query strings, so I can change this to Date format and be compatible with the Current Date Then I will need to use Javascript to calculate the difference between the two dates. Once I get the difference, I can use branch logic to end the survey if the time difference is more than 24h.Questions:Would you know which part in the Qualtrics account we can set-up this Javascript custom code calculation? Also, do we have a specific formula we can follow so Qualtrics can also recognize this calculation?

Hi All,I’m trying to add space between my MC text box entry options and I have tried javascript, custom css and html but it does not seem to work. I increased space to “60” instead of 10 in the following code nd tried to “no wrap” otpion as well. Highlighted what I’ve been tryin to change. Does not help does someone know how to fix the code in Qualtrics? I’m not a coder. this was off some community posts.  Qualtrics.SurveyEngine.addOnload(function() {  // Adjust the following value (in pixels) to control the space between the options  var spaceBetweenOptions = 10;  // Create a style tag and add it to the head of the document  var styleTag = document.createElement('style');  styleTag.type = 'text/css';  document.head.appendChild(styleTag);  // Add CSS rules to the style tag to increase the spacing between the options  var css = '';  css += 'div[id^=QID][id$=_MC]

Hello, Below is an image of the side by side question.   I would like to know if there is a way to make an answer choice exclusive in a table of this style. For example, if a individual selects “My organization does not offer me support” I would like to prohibit the selection of any other answers in the table. Additionally, is there a way so that the second column is only accessible to the respondent if they select a choice in the first column? For example, if an individual does NOT select “Offered” for “Peer Support” then they will not be able to select either “I utilized this support” or “I did not utilize this support”. Thank you! 

Hello, there is a situation I have. I have a field where user enters  Order Date in YYYY-mm-dd format.   I save it as embedded data ‘orderDate’.  I want to build a filter where I can see a report for the orders I have for tomorrow. But how do I compare it to tomorrow? (I do have embedded data called tomorrowDate, also in YYYY-mm-dd format) . Can I compare one embedded data to another one? Thank  you. Or may be I can make my orderDate into ‘date’ type somehow? 

I have 4 questions on a page (the firs two are text/graphic while the last two are multiple choice). On load, I want the second question to scrollintoview. I learned (from this forum), that I can use jQuery(".QuestionOuter").last().get(0).scrollIntoView(); to automatically scroll to the last question on the page. However, I can’t seem to figure out a way to modify the code to scroll to the second question… I have used different integer indexes in get(), but those don’t seem to achieve what I want. Any help is appreciated!