Custom Code | XM Community
Skip to main content

Custom Code

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

  • 7,294 Topics
  • 22,940 Replies
7294 Topics
AnneG
Level 3 ●●●
AnneGLevel 3 ●●●
asked in Custom Code
Best way to hide survey link in a heads-up email preceding the invite

The deal is we do a heads up email from a Client Success lead that goes out in advance of our NPS invite. I don't want the heads up email to display a survey link or opt out link since it is supposed to look like a general email, but I have to set it up as an invite email in order to send it via the Distributions section, and of course those 2 links are required for an invite email.In the past I've had a line of code in my custom html which sort of did the trick: ${l://SurveyLink?d=Take%20the%20Survey} ${l://OptOutLink?d=Opt%20Out}Unfortunately, whenever the person forwarded or replied to the email those links would then show for them, which is obviously not ideal and has also led to some surveys being taken off of this email.Is there a better piece of code to add, or other way to accomplish, that is an improvement over my current situation? Thanks in advance for any ideas or code!

1612
A
Level 5 ●●●●●
1 year ago
T
tcwvu526
asked in Custom Code
Help with calculations in a matrix table

I am using Qualtrics to create an order form and was able to find a thread on calculations in a text entry matrix table using JS. Is there a way to add a totals line/statement to that or can I add another question and pull the totals from the previous question down to it to create like an “order review”? Here is the JS that I found that works to calculate price totals.Paste the following code in the js(OnReady) of the matrix questionjQuery("#"+this.questionId+" td.c5 input[type='text']").attr("readonly",true);var p=[15,15,15,15,7,7,7,7,20];jQuery("input[type='text']").each(function(){jQuery(this).blur(function(){var id = jQuery(this).prop('id');if(jQuery("[id='"+id+"']").parent().prop('className').split(" ")[0]=="c4"){var s=jQuery("[id='"+id+"']").val();var i=jQuery("[id='"+id+"']").closest(".ChoiceRow").index();var a=s*p[i] | 0;jQuery("[id='"+id+"']").closest(".ChoiceRow").find("td.c5 input[type='text']").val(a);}});});

692
T
1 year ago
J
Level 1 ●
Jason Ling
asked in Custom Code
Changing colour of selected choice

hi everyone, i’ve set up the css based on forum advice for my 1-10 rating question. however, respondents are unable to see their selected choice now. what would be the correct “selected” choice code to be applied? does it have to be written for each of the label? .LabelContainer:hover {z-index:1 ;transition:all 0.3s ;transform:scale(1.2,1.2) ;}#QID2-1-label{background-color: #d35242  ;color: white;}#QID2-2-label{background-color: #ce6448  ;color: white;}#QID2-3-label{background-color: #c9744e  ;color: white;}#QID2-4-label{background-color: #c38154  ;color: white;}#QID2-5-label{background-color: #be8d59  ;color: white;}#QID2-6-label{background-color: #b8995d  ;color: white;}#QID2-7-label{background-color: #b8995d  ;color: white;}#QID2-8-label{background-color: #b2a362  ;color: white;}#QID2-9-label{background-color: #80b75c  ;color: white;}#QID2-10-label{background-color: #5ec159  ;color: white;

1116
TomG
Level 8 ●●●●●●●●
1 year ago
K
KayLeung
asked in Custom Code
How to change textbox size of "Allow Text Entry" in an MC question

Hi,With “Allow Text Entry” for MC options, it only allows small/medium/large textbox size. How can I adjust the textbox size? I’d like it to be 1 line’s height and longer width.  I tried the code from this post but it doesn’t work Is it correct to right-click the textbox for “Add Javascript” Should I paste the code here? Thanks.

5943
Shashi
Level 8 ●●●●●●●●
1 year ago
S
skyeeeeeee
asked in Custom Code
How to randomize music across blocks using embedded data

I have four conditions that need to be randomized. Each condition has been built in four blocks, which are placed under a randomizer in the Survey Flow.Within each block, there's a question asking participants to listen to music for 7 minutes. After the 7 minutes, participants will rate some scales. I have 13 music excerpts, and I want them to be randomized during the 7-minute running but not to be repeated across conditions or blocks.I've written a JavaScript code and created an embedded data variable named “musicList” in the Survey Flow. When I preview the survey, the first displayed block successfully played three different excerpts. However, the next three blocks each played the same excerpt and repeated until the 7 minutes ended.Can anyone help me fix it, or is there another way to solve this problem? Thanks in advance!Below is the javascript: Qualtrics.SurveyEngine.addOnload(function() {var musicTracks = [(URLs of the music excerpts];function shuffleArray(array) {for (var i = arr

331
Nam Nguyen
QPN Level 8 ●●●●●●●●
1 year ago
C
catiaalves
asked in Custom Code
Randomly present videos without repetition from distinct pools

Hi all,  I need to set up a study in which participants are allocated to videos eliciting emotions interspersed with commercials. So, I want participants to see an emotional video to elicit/prime a particular emotions and then present an advertisement afterward (and repeat this several times).I have several videos that need to be shown: 5 sad videos, 5 disgusting videos, 4 neutral videos and 10 commercials. All these stimuli should be seen by the participant only once.The goal is to do a within-subjects design in which participants will be presented with two blocks of sad videos interspersed with commercials and two blocks of disgusting videos interspersed with commercials. Below is an example of a possible presentation order:​​​​​​​Presentation scheme: [sad1 - ad1 - sad2 - ad2] - neutral1 - [disgust1 - ad3 - disgust2 - ad4] - neutral2 - [sad3 - ad5 - sad4 - ad6 - sad5 - ad7] - neutral3 - [disgust3 - ad8 - disgust4 - ad9 - disgust5 - ad10] - neutral4Conceptual scheme: [block sad with t

221
rondev
Level 6 ●●●●●●
1 year ago
Akdashboard
Level 4 ●●●●
AkdashboardLevel 4 ●●●●
asked in Custom Code
Email trigger to include an Outlook calendar invite

Does anyone know if it is possible to create an outlook calendar invite attachment based on a date selected in a survey and attach it to email trigger? The idea being to send an outlook calendar invite after someone signs up for specific time slot.

355814
E
1 year ago
T
TRlab
asked in Custom Code
Customizing the Video Response Question

Is it possible to customize the Video Response Question? Ideally there would be a “test” at the beginning of the survey where participants set it up. But after (with the participants knowledge) the video response would start/stop recording automatically without displaying the respondents own video at certain parts of the survey - specifically, I am aiming to record video responses while participants watch a few videos. Having both a video displayed and the participants own webcamera video is pretty disruptive to the process of watching the video. The start/stop is less of an issue, but again gets in the way of watching the videos since I am planning to set the videos to start automatically once the page loads. Any direction/thoughts would be appreciated. Thank you!

870
T
1 year ago
P
Level 5 ●●●●●
parkie_0007Level 5 ●●●●●
asked in Custom Code
Multiple Choice - Drop Down (Formatting)

Hi EveryoneHope you’re all well.This is the first time I have needed to use a multiple choice question, in a drop-down format.This is what I am getting. But I would prefer if this looked and felt like a text entry single line question, like this. Hopefully you wizard can help.Thanks :) 👊

1082
P
Level 5 ●●●●●
1 year ago
R
romoe5
asked in Custom Code
Number Format Embedded Data Values

How can I implement the formatting of calculated values derived from my survey flow using embedded data to incorporate thousand separators? These values are initially calculated without thousand separators, and I am seeking a solution to add the necessary formatting after the calculation process within the survey flow. I suspect this may necessitate Java or HTML coding, but as I lack prior coding experience, I would greatly appreciate assistance in providing the relevant code, if feasible.

441
Shashi
Level 8 ●●●●●●●●
1 year ago
T
tongsuo_UM
asked in Custom Code
Display image on the left of a multiple question with vertical layout

Hi there, I hope to display an image on the left side of my multiple choice question for which all options will be laid out vertically. So, essentially, I want the question to look like this: I did find this very helpful post, but the codes provided in this post only works with horizontal layout. However, my questions work much better with vertical layout, so anyone has any idea how to do that? Thanks so much in advance!

612
T
1 year ago
B
Bahar-sh
asked in Custom Code
Adding two answer styles for one question

Hi all, I’m creating a survey in which I want to add two different answer styles to my questions. For example, putting a group of responses in a drop-down menu while adding a text entry box for ‘Other, please specify’ responses.Does anyone know how I can do this?  Thank you. 

392
B
1 year ago
K
krchristy
asked in Custom Code
Use question responses to set embedded data

I only have a very basic understanding of javascript and, unfortunately, I'm having difficulty parsing the documentation that's available for adding custom javascript to questions/surveys and playing nicely with Qualtrics's built in functions. What I want to accomplish is to set various embedded data values dependent upon people's responses to a single question or their responses to several questions. So something along the lines of if(response to question = X option){ Qualtrics.SurveyEngine.setEmbeddedData("Sex", "female"); } or if ( (response to this.Question = X option) && (response to previous question = Y)){ Qualtrics.SurveyEngine.setEmbeddedData("Name", "Maria"); } My major issues are: - Figuring out how to get the question response in a form that I can use in logic flows - Ensuring that changes in question responses will trigger an update of the embedded data (Note: We're not allowing to go back and change answers) - Where this script should "live." The last q

1922
L
Level 1 ●
1 year ago
Q
Qualtricslv
asked in Custom Code
Creating questions using randomized previously answered pick, group and rank questions

Hello guys,I look for some helpI have three pick, group and rank questions. Let us say:Question 1 has to group values A, B, C, D in two bins(high and low).Question 2 has to group values L, M, N in two bins(high and low).Question 3 has to group values X, Y, Z in two bins ( high and low). Based on all these items I need to generate dynamic questions of type:Dynamic question 1: A has the property L because of XDynamic question 2: A has the property L because  of Y.Dynamic question 3: A has the property L because of Z.Dynamic question 4: A has property M because of X. and so on until I finished all the possible combinations. My fist big question: Can this design be done without JS or JQuery or not?My second big question: What is the approach without JS or JQuery, if possible?My third big question: What is the approach for the soultion with JS or JQuery? What I did so far:I tried to implement a solution without JS or JQuery.I have created the three pick, group and rank questions inside a bl

545
Q
1 year ago
L
luk
asked in Custom Code
How to set custom start position between grid lines with “snap to grid” enabled

I am using a slider that has the following characteristics: min. value = 1 ; max. value = 6; "snap to grid" enabled The slider does not have a neutral point, however I would like the start position of the slider handle to be at "3.5", for it to be midpoint between 3 and 4 and not influence respondents (whilst retaining "snap to grid" and without adding decimal places). Is there are away to do this? I have tried fixing this using the below code, for the first question in a series of sliders: Qualtrics.SurveyEngine.addOnload(function() { this.setChoiceValue(1, "3.5"); }); I expected this to work. However the handle automatically snaps to a starting position of 4 (and is also in bold colour indicating an active choice as opposed to a default starting position). Any help would be really appreciated

723
JoseS
Former XM Community Team Member
1 year ago
D
DJpumpthisparty
asked in Custom Code
Could I ask why my javascript code is not working?

Hi all, I tried to use javascript code below but the profiles do not show up. May I ask for you help on why it is not working? Thanks!  Qualtrics.SurveyEngine.addOnload(function(){// Code to randomly generate conjoint profiles in a Qualtrics survey// Terminology clarification: // Task = Set of choices presented to respondent in a single screen (i.e. pair of candidates)// Profile = Single list of attributes in a given task (i.e. candidate)// Attribute = Category characterized by a set of levels (i.e. education level)// Level = Value that an attribute can take in a particular choice task (i.e. "no formal education")// Attributes and Levels stored in a 2-dimensional Array /* Randomize array in-place using Durstenfeld shuffle algorithm */function shuffleArray(array) {    for (var i = array.length - 1; i > 0; i--) {        var j = Math.floor(Math.random() * (i + 1));        var temp = array[i];        array[i] = array[j];        array[j] = temp;    }    return(array);}// Function to gene

540
D
1 year ago
S
ssyropou
asked in Custom Code
Is it possible to embed a website that is not media based in a survey?

I am interested in embedding a website that is not media based (like this for example: https://www.youidraw.com/apps/painter/#) in a Qualtrics survey? I have tried for several hours but I am unable to find a way to do this. Thanks for your help.

412
T
Level 2 ●●
1 year ago
X
xanne
asked in Custom Code
Wider Question Container and wider statements

Dear Qualtrics Community,I am using qualtrics for the first time, to make a large-scale survey for my PhD. Does anyone know how to adjust the question container width for a single question? I have looked at several qualtrics forums, but have not yet found code that fits my layout See for the specific question: https://fmru.az1.qualtrics.com/jfe/form/SV_0ptR6A9paSwKGAC. Thanks in advance for your response!  

2854
X
1 year ago
L
liss_SK
asked in Custom Code
JS trigger next button and previous button through selected answer "yes" or "no"

Hello everyone, I need to add a script at a "yes or no"-question. If a subject clicks yes, the next question should be shown. If a subject clicks no, it should return to the previous question. Both buttons, previous and next, should not be visible. They should just be triggered through yes and no. I can't make it work, I would be grateful for some help. Thanks

105815
L
Level 1 ●
1 year ago
C
CodeCollective
asked in Custom Code
Embedding external website in an iframe (HTML): looks like it's working at first, but then doesn't

Hi,I am a complete beginner when it comes to Qualtrics and online surveys. I found out that one thing I'd like to code - embedding an external website into the Qualtrics survey, so that while doing the survey, respondents don't need to open a new tab - I can use an "iframe" for.This does work quite well on another platform, namely limesurvey, when using the following code:" style="width:400px;height:400px;">In Qualtrics, being in the survey project view (where I add and edit questions), if I put the above code into the "Rich Content Editor" - "HTML View" of a question or text field, this does seem to work. An iframe is displayed as you can see here:However, the preview of the survey shows nothing. Not an empty frame or an error, just white space. I'd be very happy if someone could help me with this issue. p.s. I did search through the discussions and found some suggestions about using javascript. However, I'm on a free trial (not the free account), so I can't check if that way would wo

52977
T
Level 2 ●●
1 year ago
A
Ann-Kathrin
asked in Custom Code
Question type "Text input" show multiple blocks on demand without set number

Hello all,I would like to create a survey in which the participants describe ways of dealing with a topic. There can be different numbers of answers. Therefore I would like to have the option that the participants have more free text fields available, if they need them. This means that they are not shown a fixed number in advance, but as many as they need. For example, via a plus sign, so that they can make further text entries if they want to. Is there the possibility to do that? Unfortunately I have not found a solution yet. Maybe someone has an idea :)Thank you very much!Ann-Kathrin 

243
Shashi
Level 8 ●●●●●●●●
1 year ago
L
Level 1 ●
LawrenceTLevel 1 ●
posted in Custom Code
Display logic not working on a previous autofilled questioned

I have used Javascript to autofill a question and have checked that it is auto-filling. However, when I go to use the auto-filled question in a display logic for the next question. The display logic is not working.This is the script I used to autofill. Qualtrics.SurveyEngine.addOnload(function(){    var TT1 = "${q://QID26/SelectedChoicesRecode}";     if (TT1 =="2" || TT1=="5" || TT1=="6" || TT1=="7" || TT1=="8" || TT1=="9" || TT1=="11")    {        for (var i = 0; i < 3; i++) {            jQuery('input[type="checkbox"]').eq(i).prop('checked',true)               }         jQuery("#"+this.questionId).hide();    }});Qualtrics.SurveyEngine.addOnReady(function(){        var TT1 = "${q://QID26/SelectedChoicesRecode}";     if (TT1 =="2" || TT1=="5" || TT1=="6" || TT1=="7" || TT1=="8" || TT1=="9" || TT1=="11")    {         this.clickNextButton();    }});   

292
L
Level 1 ●
1 year ago
S
Shannon OKeefe
asked in Custom Code
Regex for first 3 of Canadian Postal Code

Hi! I’m hoping someone can help. I have never created a Regex Code before. What would the regex be for the first 3 characters of a Canadian postal code (ALPHA, NUMERIC, ALPHA)?Thanks in advance!!Shannon

723
S
1 year ago
X
xanne
asked in Custom Code
How canI increase width of survey question container and modify the width of statements in Matrix Table format?

Dear Qualtrics Community,I am using qualtrics for the first time, to make a large-scale survey for my PhD. Does anyone know how to adjust the question container width for a single question? I have looked at several qualtrics forums, but have not yet found code that fits my layout See for the specific question: https://fmru.az1.qualtrics.com/jfe/form/SV_0ptR6A9paSwKGAC. Thanks in advance for your response!    

590
X
1 year ago
V
QPN Level 2 ●●
Vinay_BohraQPN Level 2 ●●
asked in Custom Code
Selecting a default option from carry forward choices

Hi All, I have a multi-select MCQ question (Q1), responses of which are getting carry forwarded as options of next single select MCQ question (Q2). Now, if a user has selected a single option in the Q1 then by default I want to get it selected in Q2 when it cary-forwarded but if a user has selected multiple options in Q1 then nothing should be selected by default.Is there a way by which I can achieve this?  

826
T
1 year ago

Motivational Playlist

Terms & Conditions