Custom Code

Hi, I am quite the Qubie, so I was hoping someone could help me out. I am trying to set up a task in which participants randomly get to see images for only 300ms. I thought I could use the loop and merge function. In field 1 I've added all the image HTMLs and in my question I've piped in field 1. However, when I preview the task, I only get to see the image belonging to the first HTML in my field 1. The rest are just shown in the form of blank pages. I've added pictures of my field 1 and question. Any help would be much appreciated. Thanks!

I am asking respondents to insert the month and year they were born in a side by side question as I prefer this layout. However, I want to choose the size of the text boxes beyond 'small, medium, large', I have found some javascript to change the size of both boxes:jQuery("#"+this.questionId+" input[type='text']").css("width","3.5em")});Which looks like the below: However, I want to know how to amend the the script so that they are different sizes.Thanks!

Does anyone know how to disable/freeze a slider using javascript? I am trying to make a survey with slider where people can go back and forth but would not be able to adjust their previous choices with sliders.

I want to use "Qualtrics.SurveyEngine.addOnUnload" to set embedded data with Javascript. I want to use "addOnUnload," though, so I can compare 2 values from questions in this block. Here is my script. The console.log returns the values I expect to see, but the embedded data is not set. Note: In my survey flow, I have a "Set Embedded Data" block with the defined data before the block containing this script. I tried putting it after the block. That didn't help. //set zip code data var zipArray = [ "84003", "84004", "84005", "84116" ] var var1 = jQuery("#QID10").find(".InputText").val(); var placeholder = jQuery.inArray( var1, zipArray ); var saltLakeZip = ''; // extra step but helps with console.log troubleshooting. if (placeholder != -1) { saltLakeZip = 'yep';  Qualtrics.SurveyEngine.setEmbeddedData( 'saltLakeCityZip', saltLakeZip ); //Qualtrics embedded data } else { saltLakeZip = 'nope'; Qualtrics.SurveyEngine.setEmbeddedData( 'saltLakeCityZip', saltLakeZi

Hi, I am trying to add a button that participants can press so that they are able to withdraw from the study at any time. Given the number of questions it would be ideal to have a button that can be in the footer of every page rather than have multiple skip logics. I have found some code and CSS which creates a button and this successfully works, however I ideally need it to be on the left and not the right so participants do not accidentally click it. I am completely new to coding and would have no idea what to do! So if there are any suggestions on what to change I would greatly appreciate it!I have attached images of the code and CSS usedThank you

Hi there, I am trying to have the input of a text box both appear and be stored in uppercase. I found the following line here, however it's not working for me and I wonder if it's clashing with my existing code.Here's the line I want to integrate:jQuery("#"+this.questionId+" .InputText").on("input", function() { this.value = this.value.toUpperCase(); });And here is my existing code:Qualtrics.SurveyEngine.addOnload(function()  { //hide next button this.hideNextButton(); //press enter to go to next question    document.on("keydown", function(e) {         if (e.keyCode === 13) $('NextButton').click();    });});Qualtrics.SurveyEngine.addOnReady(function(){ //cursor in text box $(this.questionId).down('.InputText').focus().defer();});Have tried putting the new line in each of the Onload and OnReady functions.I'm new to javascript so apologies if I'm missing something very obvious

When adding HTML to a Qualtrics question, I typically just add my code in the HTML box for that question. However, is it possible to upload an HTML script into my file library and call it for a specific question. If so, does anyone have examples or relevant code?

Hello, I'd like to use the rank question type to create a task where on the left panel I show participants two pictures of virtual chairs and I ask them to drag both chairs to set them up for a virtual conversation. I'd like to then record the location of the two chairs or be able to record the image so I can print it out and measure the distance between the two chairs. Is this doable?

I am completely new to Qualtrics and I have no experience with HTML or JavaScript, so I am hoping someone in the Qualtrics Community can help me. I have set up a matrix question that asks survey respondents how much time their business spent on seven different tax compliance activities, by asking them to input numbers into side-by-side text boxes - see image below. I need to calculate the total amount of time spent on all activities, and then pipe that total (expressed in hours and minutes) into the subsequent question. The total box options in the matrix question don't work here, as they do a simple total of the numbers in each text box. I need the overall total to be expressed in hours and minutes, eg. 2 hours and 43 minutes, and NOT 1 hour and 103 minutes. Any assistance would be much appreciated - cheers!

Hi all, Just wanted to see if anyone has had any success with the EQ-5D VAS scale/vertical slider? I have no background in programming and would really appreciate any help.From what i can see from the various threads- i need to: Add the below text to the Look and feel/Header section:https://cdn.jsdelivr.net/npm/nouislider@14/distribute/nouislider.min.css" rel="stylesheet" />https://cdn.jsdelivr.net/combine/npm/nouislider@14,npm/wnumb@1">2 .      Add html and css to your question to display the slider- would that be adding the below to the Look and feel/css editor section?input[type="range"] {  transform: rotateZ(270deg);3.      Add JS to your question to configure the slider and display and capture the slider value - does this mean I add ?? to the JS section beside the individual question? Also i think question style should be constant sum/slider?Any tips greatly appreciated!!

Hello,I am working on a side by side question that includes a drop down with a list of countries. Adding each country as options is very tedious. Is there any code/workaround out there to make this easier?

Hi everyone, I am implementing multiple IATs into one Qualtrics survey. IATs are constructed with IATgen Shiny app: https://applibs.shinyapps.io/iatui2/ If I enter one IAT into Qualtrics, everything works out fine. However, if I enter multiple ones into one survey, which is required for my experiment, a variety of errors occur: 1. An irritating loading message occurs on the screen. The message however does not inhibit technical functioing of the test. 2. Automatic data analysis is disenabled, even if I split csv files after downloading the entire data. 3. Codes are sometimes not seperated in one column each, and sometimes C or X indicating correct and incorrect answers disappear. Maybe there is some error in the interaction of Javascripts between the app and Qualtrics? Anyone ever had that problem? Thanks for your help!!! I really don't know what to do about it anymore. If you need any more info, please let me know. Kind regards, Mel

I'm asking a "check all that apply" question (Question 1) and want to use items on the list of Selected Choices (e.g., the first item on the list) in a subsequent question (Question 2).I would think that there are two approaches: 1) use JavaScript in Question 1 to define the embedded fields for use in Question 2; or2) use a function in the text for Question 2 that refers back to the Selected Choices in Question 1 to get the values.I'm indifferent as to which approach I use - just one that works.When I tried approach 1, using the following JavaScript:Qualtrics.SurveyEngine.addOnPageSubmit(function (){ var choicesall = this.getSelectedChoices(); let choicesarray = choicesall.split(",");   Qualtrics.SurveyEngine.setEmbeddedData('origstring', choicesall);    Qualtrics.SurveyEngine.setEmbeddedData('numofchoices', choicesarray.length); for (i = 0; i < choicesarray.length; i++) { var selectedchoice = choicesarray[i] var embfieldname = "choicenumber" + i;    Qualtrics.SurveyEngine.setEmbed

Hi all. Hoping someone can help... i can center the text for questions and responses on the page, but this means the tick box is still on the left side, far away from the text (see image below). How can I move the button closer to the text? The survey is for people with visual impairments so it's important to center things in the middle.

I am looking to add a row that will calculate the running total and have a mandatory value for each column in a side by side table. Ideally, I would like each column to be able to have a different mandatory sum. Does anyone have code that could help with this? Thanks in advance.

Hi Qualtrics users,I'm working on a project with lots of branching, which will determine which descriptive text questions will be shown to each survey respondent. I'd like to help survey respondents keep track of the descriptive text they've read by including a summary page: however, I want this summary page to show only that descriptive text which that survey respondent has actually seen. (For example, choice 1 leads to either Text1 or no Text1, choice 2 leads to either Text2 or no Text2, choice 3 leads to either Text3 or no Text3. At the end, if the respondent chose text for Choice 1 and 3 but not for Choice 2, I want only Text1 and Text3 to show in the summary.)I originally thought that Qualtrics already did this: that the survey would only show piped text if the respondent had viewed that text in the current survey. However, it seems I was wrong. I am therefore looking for some custom code alternatives.Does anyone have any suggestions for how to approach this problem?My current pla

Wanting to know what shade of a color, for example, purple, respondents would want to purchase...dark, medium or light. Doesn't seem like I can customize a slider bar to have the scale represent color. Any other ideas?

I am using a survey as an order form. I'm performing math calculations in embedded data fields, multiplying the price per unit by the quantity, then displaying the total using piped text on an order summary. Since the result should be formatted as currency (US dollars), I would like to display the totals with 2 fixed decimal places. I don't see a way to do that, although I was able to round the totals that were calculated with percentages to 2 places. I don't know javascript, and I'm on a very tight deadline with this project. I have one week before launch. If anyone could give me some help with that, I would be very grateful! I put in a support ticket, but they told me that it is custom development and they can't help. I'm surprised that formatting numbers as currency isn't possible without javascript!

Hello everyone! This is my first question here in the community :-) (It's actually two questions in one, sorry!)I'm creating a survey and I have a 5-point satisfaction scale. In some questions it's a multiple choice and in some it's a matrix table.The multiple choice looks like this:I'd love that the buttons would change color when you hover over them and then also once you make a selection. I'd want to go on the scale from green (Completely satisfied) over yellow and orange to red (Completely dissatisfied).The same thing I'd love to implement for the matrix table. I'd like that after selection, each of the buttons would have different color. In my case it would be Completely satisfied is dark green, Satisfied is green, Fairly satisfied is yellow and so on...Currently as you see it's just set to dark blue (both the frame and the circle) whatever the choice is selected.The current CSS I have there is following:/* Buttons */.Skin label.SingleAnswer,.Skin label.MultipleAnswer,.Skin select

Sorry, i'm new about programming, could please someone explain me how to insert a custom code into a Qualtrics Survey, and what is the difference to having a HTML instead a CSS or Java code?Thanks a lot for your help

Hello!I would like to remove the borders in a side-by-side format question, so that it is clear to participants that they should enter a number in the text box and also select a time scale for recurring meetings. If anyone could also provide any suggestions on how to remove the header space that is unneded and how to decrease the space between the columns, it would be greatly appreciated! (:

Hello all,I am wondering if it is possible to manually increment the progress bar, likely through javascript? I noticed there are options to customize the values of the progress bar, e.g.,: jQuery("div.ProgressBarFill").css("width", "80%");Could this be tweaked in a way where instead of setting a given value (e.g., 80%), instead it increments the progress bar a given percent (e.g., 2%)?

I've read many articles about skip logic, branch logic, and display logic but can't find anything that fits my needs.I would like a block to end when the respondent gets 4 consecutive questions wrong. How do I make this happen?

I have an Embedded Data variable ${e://Field/ My_multiline_text }, which will store a mutiline textI need a JS code which appends a string and put it on the new line, depending on survey answers. Something like the following:var p2Text = "${q://QID1/ChoiceGroup/SelectedChoices}";if (p2Text =="Yes") { Qualtrics.SurveyEngine.Append_EmbeddedData("My_multiline_text", "Hello baby" );}p2Text = "${q://QID2/ChoiceGroup/SelectedChoices}";if (p2Text =="Yes") { Qualtrics.SurveyEngine.Append_EmbeddedData("My_multiline_text", "I love you baby" );}p2Text = "${q://QID3/ChoiceGroup/SelectedChoices}";if (p2Text =="Yes") { Qualtrics.SurveyEngine.Append_EmbeddedData("My_multiline_text", "I miss you baby" );}So at the end of the survey, ${e://Field/ My_multiline_text } would contain a multiline text:Hello babyI love you babyI miss you babyI am going to pipe in ${e://Field/ My_multiline_text } into my email trigger message body.Thanks!

hello,I have a survey where I'm asking respondents to listen to a piece of audio and then there are follow-up questions. I want to measure how long they spend on the page - so that I have a sense if they skipped around in the audio - and I want to have the 'Next' button appear only when they reach the end of the audio clip.I added a timer and I'm using this JS for the Next button display:Qualtrics.SurveyEngine.addOnReady(function() {  jQuery("#NextButton").hide();  jQuery("#"+this.questionId+" audio").on("ended", function() { jQuery("#NextButton").show(); });});The script worked fine before I added the timer, but now it just displays the button immediately when the block loads.Is there a way to both show the Next button when the audio reaches the end and have a timer in place?Thank you very much!