Custom Code

Hi community,I'm very new to javascript and Qualtrics custom coding so my issue may be a simple one but it doesn't seem to have a solution presented anywhere. In my survey I implement some js code to randomize the use of a term across questions. For example:// randomly select termvar term_array = ["big", "scary", "inviting", "attractive", "confusing", "opaque"];var rnd = Math.floor(Math.random()*6);var term = term_array[rnd];var out = `Does the above image look ${term} to you?`;The string in the variable "out" is then outputted to an html script which displays the question. The problem is that everything in the outputted string except the placeholder is being displayed when I preview the question. So to illustrate, if term = "scary", instead of displaying "Does the above image look scary to you?" the output displayed is "Does the above image look to you?"This is unexpected because when I check the code in other javascript editors (such as https://js.do), the correct output is always di

I would like to do the following three points regarding the setting of the questionnaire screen. Is there a good way?・ I want to play music automatically so that the question can be displayed after the time when the music ends (for example, 30 seconds after opening the page) (display the music and the question on the same page). (Assuming that) ・ I want to keep playing music (repeat playback) while the page is open (assuming that I get answers while listening to music) ・ I want to set the above two at the same time.Thank you!

I'm trying to make a question that allows survey participants to place a set of 10 images into 5 groups. Right now I'm using a pick, group and rank question, but it's causing problems for me because participants can't scroll while clicking to drag and drop an image into the boxes, and since there are 5 boxes they don't all fit on one screen. I'm looking to get around this by displaying the boxes horizontally, but Qualtrics doesn't seem to have an option for that. Is there a way of doing this using custom code? Also, I'm using a pick, group and rank question, but the ranking aspect is irrelevant. Any help is appreciated!

I've changed the colour of my selection boxes for a single answer multiple choice question as below. When I select a choice, the text slightly darkens. I'd like to change the colour of the selected box to make it more obvious (eg. blue) - does anyone know how I could do this? I just want to do it for this block of 3 questions, not the whole survey. I used the following code I found on this community to change the box colours:Qualtrics.SurveyEngine.addOnload(function(){var c=["rgba(238, 50, 70, 0.3)","rgba(245, 150, 30, 0.3)","rgba(255, 203, 8, 0.3)","rgba(178, 210, 53, 0.3","rgba(0, 165, 81, 0.3)"];    for(var i=0;i

Hi everyone, If you have 3 questions on the same screen, how do you use .getChoiceAnswerValue(); to capture the values from the other questions? I cannot seem to get it to work! Here is an example to clarify what I mean: DESC [descriptive item] How do you feel about the following items? Q2 Dogs 1: Good 2: Bad Q3 Cats 1: Good 2: Bad I have javascript on the DESC variable to try capturing the values selected at Q2 and Q3 OnPageSubmit, but this does not seem to work correctly. Qualtrics.SurveyEngine.addOnPageSubmit(function() { var q2= document.getElementById('QID2').getChoiceAnswerValue(); var q3= document.getElementById('QID3').getChoiceAnswerValue(); console.log(q2); console.log(q3); }); This throws an error saying .getChoiceAnswerValue is not a function.

Is it possible to set default choice(s) for a drill down question using embedded data? I've done it for a multiple choice question using the following JS: if("${e://Field/myfield}" == "Yes") this.setChoiceValue(1,true); if("${e://Field/myfield}" == "No") this.setChoiceValue(2,true); How do I adapt this for a drill down question (with four levels of drill down)?

This is going to be a public (shared) report and I don't what "If you could ask your global peers..." in there twice. Is there a way to delete that text from the gray box where the responses will eventually show up? Thank you in advance!

Hi all, I would appreciate help / advice or even custom code to conduct the following: I'd like to program a constant sum question that allows the respondent to see their previous answers to a similar question for each list item in the allocation exercise. I'd really like to present a table that has columns - list item, previous allocation in scenario 1, previous allocation in scenario 2, New allocation in scenario 3Support has informed me thats not possible without custom code. I've done a work around in other studies where I just pipe-in responses into the "choice" options - so it says in the choice option for example, Drug #1 (previous allocation = X%)But this is not ideal, especially since I need to refer to 2 previous answers for each list item. The on-screen presentation is cumbersome and can obscure the ability to view the question or access the input field.Any help would be extremely appreciated.

Hi all, Do you know how to modify the inline email question, so when viewed on mobile, the choices are adjusted automatically, similar to how it happens in the actual survey? I'm looking to embed a question with five option choices (very satisfied - very dissatisfied) into email body. While the position of these choices adjusts automatically from horizontal to vertical in the actual survey when viewing on mobile, all five choices for embedded question are arranged horizontally and are wrapped mid-word which has an impact on overall look and feel. My understanding is that this could be resolved using custom coding - have you done anything similar? What would be a good starting point? We do not want to modify the question itself. Thanks, Natalya

Hi All,My team recently discovered that the Qualtrics inline question does not display properly in the iPhone Mail app. Based on our tests, this seems to be an issue on all iPhones. Has anyone found a workaround for this issue? We have tried making small changes on the back end (text size) with no success. Thanks for any thoughts or help you can provide!Christie

Hi,I am looking to have responders answer the airport they go to using the Select2 feature. As they type, a list of pre-set airports will come up from which they can choose from.There are many airports, and therefore, Select2 can slow down. I have therefore been looking into pagination and ajax commands, but I am so lost. I have reviewed many forums, including the ones below. Unfortunately, I am still having trouble implementing this.https://www.qualtrics.com/community/discussion/4105/select2-implementation ,https://www.qualtrics.com/community/discussion/4111/formatting-multi-selects-in-select2-code https://www.qualtrics.com/community/discussion/3524/using-select2-to-create-an-auto-complete-multiple-select-box-question https://select2.org/data-sources/ajax Could I get some help or be pointed in the correct direction in how I may create a database of airport names, connect it to a select2 single-select input, and incorporate pagination? Thank you in advance for your help.

Hi there,I know next to nothing about JS. I added two embedded variables to a survey (timeStampPRE and timeStampPOST). Now I am trying to get these variables to populate with the time when a participant starts and ends a key block within the survey.I tried adding javascipt to the question before the key block...Qualtrics.SurveyEngine.addOnUnload(function(){var timeStampPRE = new Date();});and the next question after the key block....Qualtrics.SurveyEngine.addOnload(function(){ var timeStampPOST = new Date();});But the fields show up as blank. How can I get these timestamps to show up in the embedded data fields?Thank you!Liz

I am currently trying to add all selected options from three different multi-select questions into one drop-down question so the user can select which of their selected programs is their primary program of interest. Based on this question (https://www.qualtrics.com/community/discussion/9584/multiple-choice-track-individual-selected-choices-in-piped-text) I learned that this isn't possible to do without JavaScript, so I built out my code, but for some reason, it is not populating to the embedded data fields I set up. I know it's getting the correct data and my for loops are looping through the arrays correctly. Please help!Qualtrics.SurveyEngine.addOnload(function(){ var certAll = "${q://QID17/ChoiceGroup/SelectedChoices}"; var mastersAll = "${q://QID15/ChoiceGroup/SelectedChoices}"; var phdAll = "${q://QID19/ChoiceGroup/SelectedChoices}"; var certArr = certAll.split(', '); var mastersArr = mastersAll.split(', '); var phdArr = phdAll.split(', '); for (var i = 0; i < certArr.length; i+

Hello,I'm looking to repeat my headers at various intervals within my long Matrix Table. I have seen a Javascript code circling around - but unsure of how to use it, and was hoping to get some help!For example after question 3, 7, 10, etc. based on how the questions are "grouped" together.

This Is my onCreate class; I hid ID's protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setupWindow(); setupViewModel(); setupView(); setStatusBarColor(); Qualtrics.instance().initialize("", "ZN_", "*", this, new IQualtricsInitializationCallback() { @Override public void run(InitializationResult initializationResult) { Log.d("!!!", "run: " + initializationResult.getMessage()); } }); } After that by clicking I call protected void getGetStartedClick() { Qualtrics.instance().evaluateTargetingLogic(new IQualtricsCallback() { @Override public void run(TargetingResult targetingResult) { } }); } And nothing is happened and I see error in the logs Attempt to invoke interface method 'boolean com.qualtrics.digital.IEvaluable.isBaseCondition()'

Hi community,I have in other softwares been able to create a list that mirrors the answers from a question, but with a shorter text-version. When I pipe in the answer from a previous question, I can pipe in a shorter text than the original answer. I have not figured out a system for this in Qualtrics. Help please :)! Best, Lise

Hi all,Apologies for what is no doubt a basic query. I haven't been able to find what I need through searching these forums. I am a complete beginner with Java script so anything I did find was not basic enough for me to understand.I am seeking assistance with producing java script code that would display a question/graphic based on the selection made in an earlier question.IF Q7 = 1 OR 2 OR 23 OR 56 OR 209, etc...THEN SHOW THIS QUESTIONNormally I would do this through display logic but the question options are in the hundreds so limits to display logic conditions rule this out.I would very much appreciate if anyone was able to talk me through the code needed to show/hide a question based on certain recode values.Many thanksChris

How can I have the numbers reported in 17 be reflected in 18 as a reminder to the respondent what they previously answered?

Hi community, I am hopelessly new in Qualtric and need your help. I need to create a information page summing up some of your previous answers. Some answers are meaningless to include, whereas others are needed. So I would like a syntax saying:IF Q15 >0 then display "Ungdom 349,- = ${q://QID5/ChoiceGroup/SelectedChoices}"IF Q15= 0 then hide "Ungdom 349,- = ${q://QID5/ChoiceGroup/SelectedChoices}" Best,Lise

I’ve created a survey that recycles a block of questions in survey flow for a series of 40 photos (each in their own block). I’ve used this approach as I want respondents to answer this same set of questions for a random subset of photos. However, when the survey is run, previous responses to the question block appear pre-entered at each subsequent showing. One solution would be to instead copy the block in the survey itself so that each photo has its own question block. However, this makes editing the survey cumbersome due to the number of photos.I wondered, is it possible to use JS code to remove the previously entered responses for the block of questions (questions are of a variety of styles, e.g., text, multiple choice). Any assistance would be greatly appreciated.  

Hello, I have searched for the answer to this question in the Community and have contacted Qualtrics for support, but I can't seem to find an answer. I am attempting to create a scholarship application for our Honors Program that includes an essay. The essay must be a minimum of 500 words. So far, I have tried to use custom validation and JavaScript to show the number of words typed as well as validate that the user has input more than 500 words. They won't be able to submit the application unless this minimum word count is met. Custom Validation Matches RegEx: (\\b[A-Za-z0-9\\s'_-]+\\b){500,} JavaScript Qualtrics.SurveyEngine.addOnload(function() { /*Place your JavaScript here to run when the page loads*/ }); Qualtrics.SurveyEngine.addOnReady(function() { /*Place your JavaScript here to run when the page is fully displayed*/ var display = $('wordCountDisplay'); var questionID = this.questionId; var textbox =$('QR~' + questionID); var that = this; function c

Hi all! Hope everyone is well! I'm looking to find out if I can re-size a box that asks users to input a dollar value in my survey?Specifically, I'd like to increase the width of each box containing the '0's. I have looked at the code, but can't see where I could make this change?Any ideas are more than welcome - many thanks in advance!Dianna

I have a survey with a question asking respondents about their opinion on x, measured on a numeric scale. I would like to have a variable mu_xthat tells me at any given time the average value on all responses of other (previous) respondents on x. I would like to include this variable mu_xin the same questionnaire at a later point. (So obviously this won't work for the first respondent, for whom there haven't been any previous reponses.)Is this possible in Qualtrics and how?

Hello everybody!The goal for the participants of my survey is to solve as many exercises as possible in a limited amount of time.Every exercise consist of a five-choice "Constant Sum"-Question, where the participants have to give their answers. These answers are checked via Custom Validation (Only one answer per choice is correct) and when the participant clicks the Next Button and all the answers are correct, the next exercise appears. If not, an error message is shown to the participants and they have to solve the same exercise again.I implemented a timer that spans pages that I found here: https://medium.com/@mc_bloomfield/javascript-and-qualtrics-getting-started-34f113cbeaaaThe problem I have right now, is that if the timer is up, the participants should not be able to finish their current exercise and the questionblock should be finished right then and there. Unfortunately, just using the "jQuery('#NextButton').click();" command in the JavaScript when the timer runs out returnes t

Hi there, From what I can tell the end of survey message (managed via the messages library) is not responsive in the same way the question text is. Any tips for aligning this in the HTML / CSS so that the respondent experience is consistent when they move from a survey to a end of survey message.