Custom Code | XM Community
Skip to main content

Custom Code

Discuss custom code (HTML, CSS, JavaScript, etc.) solutions, best practices, & more.

  • 7,437 Topics
  • 23,529 Replies
7437 Topics
C
CatK
asked in Custom Code
Video Buffering

Hi there,can anyone provide me with some information about how videos uploaded directly to Qualtrics are displayed? Is there some level of buffering happening? We are running a survey with some small, quick, videos and need to know if there is potential for any pauses to happen in the middle of any.TIA

140
C
C
Charlotte_D
asked in Custom Code
Validation of Total in Constant Sum question

I have a Constant Sum question asking about hours/week spent on 5 different tasks. If the Total is greater than 100, I need to generate an error message and not allow the survey to proceed until the correction(s) are made. I've seen several validation questions in the community discussions, but haven't found any anseres. I can access the total if I begin a new block after the question, but this doesn't do what I need. Any ideas?

7810
M
L
LH_Qual_User
asked in Custom Code
CSS for Layout

I want to know if it is possible to the change the CSS layout of specific question. Example, I would like these two questions side by side to save space. I can't use the side by side question because you need to have the same number of variables in each. Is there a thing as CSS of a block?

120
rondev
Level 6 ●●●●●●
A
AngelaB
asked in Custom Code
Can anyone help me with Java script/code for timing in Qualtrics?

We are using Qualtrics to test students. We want the total time for the exam to be 55 minutes. We have three blocks of questions that each student will be able to take. We plan to randomize the questions and answers within each of the three blocks, but we want the timing for the total exam to be 55 minutes. If a student doesn't finish within the 55 minutes we want the exam to auto submit (no matter which block they are on). Currently, the only solution I have is to put each question into a block, but it seems lengthy and I've been told by Qualtrics that the Qualtrics Community may be able to help me with java script/code. I don't want each block to be 55 minutes, I want all three blocks to be for 55 minutes. If a clock shows for the student great, but if not, I'm fine with that too as long as it times out after 55 minutes. If anyone could help me with this I would be truly grateful. Thank you for your time and assistance.

2270
A
E
EmM
asked in Custom Code
Block Timing Help

We are designing a study that involves a list of words, a distractor task, and a test. For the distractor task, they complete math verification problems (e.g., 4 + 6 = 10 ?True or False) for 1 minute. This means that we will either need to resample problems randomly, or sample from a very long list that even the fastest participant cannot complete in 1 minute. What we cannot figure out is how to get Qualtrics to advance to the next block after 30 seconds. We tried defining “timeleft” as 30 seconds and using the following code. But after the 30 seconds are up, Qualtrics then rapidly displays and automatically advances past all remaining items. This is unacceptable because it is 1) confusing and 2) takes up time when time is what we want to control."Qualtrics.SurveyEngine.addOnload(function()  {var that = this;this.questionclick = function(event,element){if (element.type == 'radio') {that.clickNextButton();}} var timeleft = parseInt("${e://Field/TimeLeft})"); var timer = setInterval(fu

140
rondev
Level 6 ●●●●●●
C
Cyn
asked in Custom Code
Can JS either: "Unrecord" an answer or bypass the drilldown limit and get the the text?

We have a question that, ideally, would be repeated as many times as a participant wants. Since loop and merge wont accommodate that, we have repeated the question multiple times, and are using a second question to ask if they would like to answer again, basically it is a navigation question. It is a three level drop down that is basically a company directory that lets you choose a person for a nomination. It is TOO LARGE to use piped text or carry forward. The issue we are running into is that at the end of the survey when we display responses before submitting, the intro text and navigation questions are cluttering it up to the point that it is unreadable.We would like to know if:There is any way for the navigation question to not have its responses recorded in the survey, so they don't show on the "display response" page.ORStore the third level drop down nominations as variables and then create a custom "display response" page.Any help is appreciated. Thanks! 😀

90
C
K
KristenQ
asked in Custom Code
Make a "Submit" button larger, more obvious

How can I make the "submit" button at the end of the survey stand out. I want it larger, colorful, and in different font. Thanks!!

620
rondev
Level 6 ●●●●●●
M
Michele
asked in Custom Code
Slider with two variables

Hi all! I am new to Qualtrics and I'm wondering if it is possible to customize sliders so that they represent two variables at the same time (like a trade-off between two dimensions).I enclose an example of what I meant, which took me 2 minutes using python, but I don't even know where to start using Qualtrics.Thanks for any insight!

1010
H
V
vpezone
asked in Custom Code
Math operation and Cleave function

Hi all,I'm trying to ask the following question: "What is the chance that X will be more than 1.5*Q"?" where Q is the answer to a previous text box question. I use the expression $e{ q://QID166/ChoiceTextEntryValue * 1.5 } in place of 1.5*Q.Unfortunately, being Q a large number, I used the "Cleave" function in the previous question to get thousand separators, so that I get 0 whenever Q is greater or equal than 1000.Is there a way to fix this issue? I would really like to keep the thousand separators because Q is a very large number and I don't want survey participants to be confused. Ideally, I would like the thousand separator to show up also in the expression 1.5*QMany thanks!

590
TomG
Level 8 ●●●●●●●●
L
LukeP
asked in Custom Code
Can I create a default choice that transfers Constant Sum Responses into a Fixed Range Response?

Hey!Maybe a complicated question: I want to take constant sum responses from Question 1 and automatically select responses based off of these into a range in question 2. So, if a respondent has typed 20% in question 1, "20-39%" is automatically selected in question 2, as that percentage fits into that % group.I have figured out how to copy responses over from one constant sum response to another constant sum response, but need to turn these results into % group instead.Hopefully that makes sense. Thanks!Luke

120
TomG
Level 8 ●●●●●●●●
PaulSchreuder72
PaulSchreuder72
asked in Custom Code
JavaScript for keyboard use with multiple choice question

Hi! I've tried to come up with the right script for allowing participants to respond to a 2-answer multiple choice question by using the keyboard. I would like to have participants use the keyboard 'J' for answer 'No' and the keyboard 'F' for answer 'Yes'. I've recoded the values of the answers to the question as Yes = 1 and No = 2 (also see attachment image: ! However it still doesn't work. This is what the script looks like now: Qualtrics.SurveyEngine.addOnload(function() { console.log("test"); jQuery(document).keypress(function(event) { if(event.which==74){Qualtrics.SurveyEngine.setChoiceValueByRecodeValue(2,true) } if(event.which==70){Qualtrics.SurveyEngine.setChoiceValueByRecodeValue(1,true) } }); }); Qualtrics.SurveyEngine.addOnReady(function() { /*Place your JavaScript here to run when the page is fully displayed*/ }); Qualtrics.SurveyEngine.addOnUnload(function() { /*Place your JavaScript here to run when the

690
PaulSchreuder72
M
MaryKay22_
asked in Custom Code
Signed Informed Consent PDF

Hi I created a research study consent & selected  show response summary under survey options. I need to change the prepopulated text from:We thank you for your time spent taking this survey. Your response has been recorded. Below is a summary of your responses   Download PDFTo: Thank you and welcome to the study! Please save or print your consent form. Download PDF

690
M
M
Marta
asked in Custom Code
Embedded Data Variable Shows Correctly in Survey but not in Data Export

Hi, I have a loop and merge for a question, and save its values for later. In the survey flow, I first create embedded variables that are empty these are: "receiver1id" and "shared1" ... through "shared20". The "shared1" through "shared20" work well: they are saved in data export. The "receiver1id" shows in the survey, when I ask it to display receiver1id value. But is not in the data export. My javascript code is shown below. Would someone know why "receiver1id" does not save, but the other variables do? Thank you! //STORE IDvar receiver1id = "${lm://Field/1}"; //STORE WHICH VIDEOS WERE SHARED IN THE CURRENT LOOPvar shared1 = "${lm://Field/2}";....// output to idQualtrics.SurveyEngine.setEmbeddedData("receiver1id", receiver1id); // output to shared varsQualtrics.SurveyEngine.setEmbeddedData("shared1", shared1); ...

290
P
C
Level 1 ●
CC_labLevel 1 ●
asked in Custom Code
How to clear text after selecting another option

Hello all,I currently have a question with two choices. If choice one gets selected, a text box appears. If choice 2 gets selected, no text box appears. I want the text box to clear the answer typed in the first choice if a participant were to change their mind and then select choice 2 after having already typed something in the text box for choice 1. Will that be possible with the current javascript I am using for this question?Qualtrics.SurveyEngine.addOnReady(function(){ jQuery('input:text').hide();   jQuery("[type='radio']").change(function(){     if(jQuery(this).prop("checked") == true){     var v1 = jQuery(this).attr("id");     jQuery("[id*='"+v1+"~TEXT']").show();        jQuery("[id*='"+v1+"~TEXT']").attr("placeholder", " ");         jQuery("[id*='"+v1+"~TEXT']").css('width',500);       jQuery("[type='text']").not("[id*='"+v1+"~TEXT']").hide();     }else{     var v1 = jQuery(this).attr("id");       jQuery("[id*='"+v1+"~TEXT']").val(' ');     jQuery("[id*='"+v1+"~TEXT']").hide();

790
C
Level 1 ●
A
Level 1 ●
Alex_WLULevel 1 ●
asked in Custom Code
How to "unescape" URL link for uploaded file piped into the body of triggered Emal

If "${q://QID78/UploadedFileLink}" is piped into the body of triggered Email message, then it shows up in the email message as a mix of "escaped" and "unescaped" formats:So if such a link is copy-pasted into a Web browser, it will not work.So I need to decode it and then pipe into the body of triggered Email message.I tried to apply JavaScript 's decodeURIComponent, but no success.Qualtrics.SurveyEngine.setEmbeddedData("newurl","${q://QID78/UploadedFileLink}");Qualtrics.SurveyEngine.setEmbeddedData("newurldecoded", decodeURIComponent("${q://QID78/UploadedFileLink}") );"${q://QID78/UploadedFileLink}""${e://Field/newurl}""${e://Field/newurldecoded}"

240
A
Level 1 ●
B
BoW
asked in Custom Code
How to delete the dot on the top left corner of every page

I have created a survey and do not want to include question number on the page. But there is always a dot on the tope left corner of every page (see the pictures underneath). How to delete it? Thanks in advance!

160
B
K
kannanr_bain
asked in Custom Code
Querying all the survey from a given folder

Is there an API to get all the survey definitions/survey ids from a given folder? As searched there doesn't seem to be a way. Also, gone through a related question. No update yet.

60
K
E
Eric_Vance_Martin
asked in Custom Code
How to control question text font size on mobile (custom CSS)

I have used custom CSS to specify 16px font for various text elements. Most of my questions are multiple choice or matrix with radio buttons. My survey looks as I intend on a computer monitor, but on mobile, while the response choices (QuestionBody) are 16px, but the question text is 14px.While I understand CSS in principle, I am coding novice. It appears to me that Qualtrics accepts my custom code for the question body, since the Inspector indicates the active code is "inline" (can you confirm that this refers to my custom CSS?):.Skin .QuestionBody {font-size: 16px!Important;   padding-bottom:16px!Important;   }Meanwhile, my general code for the question text looks like this (not sure about the BorderColor block--this is just me grasping to make something happen while developing the code): .Skin .Inner.QuestionText {   font-size:16px;!Important;   margin-top:16px!Important;   margin-bottom:0px!Important;   }.Skin .QuestionText .BorderColor {   font-size:16px;!Important;   margin-top:1

6840
E
U
Level 3 ●●●
uhrxx005Level 3 ●●●
asked in Custom Code
How to evenly space matrix columns

Or set a minimum column width. Can this be done easily? I have larger labels on the ends of the matrix and I don't like how they are impacting the spacing of the columns.

5300
TomG
Level 8 ●●●●●●●●
N
noornasseri24
asked in Custom Code
Timing/phase-advance for creating a memory task

Hi everyone!I am trying to create two experimental memory tasks using a Qualtrics survey. However, I have a few questions that, if at all possible, need to be solved using a custom code: 1. The task involves participants being shown letters and math equations to be sequentially presented for a limited time. I was wondering if there was a way to control the time in which the stimuli is presented and to phase advance a question whilst there is text on the screen? I have found the timing/ phase advance option but I am unable to overlap this with text. Is this possible? 2. My task also requires participants to respond with certain keys to answer the math equations. For example, if the equation is correct, they should press 'Z', and if it is incorrect, they should press the '/' key. Once the keys are pressed, I would like the screen to advance on to the next page/question. Is there a way to do this? 3. I have also been unable to find a way to remove the forward and back arrow on the questio

3440
rondev
Level 6 ●●●●●●
P
Polly
asked in Custom Code
Saving image number/field in output

Hello,Thanks for all the help received so far. I'm presenting randomly using loop and merge 32 images. They are the same images presented 4 times. I am using java script to record the order of the images, however as they are the same images presented 4 times I need to also record the image number. I've tried to add embedded data to the survey flow and using JavaScript to saving both imageNumber but also a field2 (from the loop and merge) which contains image number but neither of this actually prints anything in the output file. The imageOrder is saving in the output file but not the sequenceOrder (although there is a header for it). Any help would be greatly appreciated. PollyQualtrics.SurveyEngine.addOnload(function()//bunch of other JS //save the URL of the image in the array that records their randomized Loop & Merge order imageOrder[imageNumber] = "${lm://Field/1}" //turn on mousetracking - has to be done now instead of being triggered by first move because otherwise first move

130
P
K
kannanr_bain
asked in Custom Code
Add dynamic text box in the questions

I would like to get mutliple text entries from user, letting them to type-in multiple options available for a question. I using text box of type form without any label (since all the text box are of same type, as directed by the question).Is there a way I can provide an "Add more" button to the users, allowing them to add more text boxes without labels?

1990
TomG
Level 8 ●●●●●●●●
R
Roieopsteam
asked in Custom Code
Hide grey lines on iPohne

Hi everyonte,I have a multiple choice question where all choices are text entry.On iPhone I see odd light grey lines that I can't hide/remove. Is there any CSS/JS code to solve it?

50
R
RobinN
RobinN
asked in Custom Code
Populating Matrix questions with names of children in a class based on drill-down selection

Hi Brains Trust!I am relatively new to Qualtrics and putting together a survey which asks teachers a series of multiple-choice style (Likert scale) questions about each of the students in their class (see below for example).I have uploaded data for the whole school as a .csv and teachers select their class using a drill-down menu: Year Group ->Subject ->Class CodeThere is a fourth column in this data which contains the student names, which is the data I would like to use to populate the subsequent questions:Question 1: 1 - Disagree Strongly 2 - Disagree 3 - Neutral 4 - Agree 5- Agree StronglyStudent 1:Student 2:...Question 2: 1 - Disagree Strongly 2 - Disagree 3 - Neutral 4 - Agree 5- Agree StronglyStudent 1:Student 2:...etc.What is the easiest way to achieve this? There are different numbers of students in each class which is an additional complication, but I could add a fifth column to the ,csv file indicating the 'last' student in a group if needed. I do not know JavaScript so I a

250
rondev
Level 6 ●●●●●●
V
Viv
asked in Custom Code
Synchronize pipe video recorder and embedded videos

Dear Qualtrics Community,I want to video record participants while they are watching videos. The videos are embedded in Qualtrics. For the video recording I use the Pipe video recorder. I need the JS code so that:When participants press the play button of the embedded video in Qualtrics, then the pipe video recorder starts recording them.When the embedded video is finished, then the pipe video recording stops recording them. As I have no experience with JS I struggle to bind the Pipe recording and the event of pressing the play button of the embedded video. I have started using some snippets of code that I found, but it is not really what I need (as this involves a youtube video instead of an embedded video and a "click" button instead of the play button from the embedded video).That is the code that I have right now (not really what I need):/ Inject YouTube API scriptvar tag = document.createElement('script');tag.src = "//www.youtube.com/player_api";var firstScriptTag = document.getEl

540
V

Motivational Playlist

Terms & Conditions