Custom Code | XM Community
Skip to main content

Custom Code

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

  • 7,303 Topics
  • 22,964 Replies
7303 Topics
T
Level 1 ●
TafrojLevel 1 ●
asked in Custom Code
Custom validation

Hello,I’d like partipants to answer “ first 2 letter of first name” & ‘first 3 letter of last name’ in the from field. How can I validate so that they can only enter 2 letters and 3 letters on that field? (new to the field) Thank you! 

272
C
Level 4 ●●●●
5 months ago
R
rachelH
asked in Custom Code
Reduce space between footer and question container - flat layout

I’m using the flat layout and would like to reduce the space between the footer and the question container. Is there a way to do this?  

220
R
5 months ago
G
GeeLee
asked in Custom Code
How to preserve multi-line formatting of piped text in triggered emails

I try to read through any previous answers to same/similar questions but coming from non technical background. I just can’t get it to work so apologies in advance.Issue:When multi line essays are triggered as email, no formatting is preserved. I saw may threads on using java script but I tried copying and pasting with no avail. Example, in the email sent, it will look like this and is very hard to read:Ticket type: Service Request Priority: 4 Assignment Group: MM Training Description: BASIC INFO Open on behalf of: Smith, John Contact number for ticket: (222) 333-3333Alternate number: (555) 555-7777 What is happening?: phone is broken department: mall role?: CSN: Would love help with what custom code I can use (assuming the question is Q3) and do I add it to the question java script? or have to create another question. Also, for the email trigger, to I pipe “ ${q://QID3/QuestionText}”?Thank you!

210
G
5 months ago
R
Level 2 ●●
romanopLevel 2 ●●
asked in Custom Code
Target one multiple choice question and select radio button via jQuery

Hi There,I'm almost there, but I just cannot figure out the last part. I want to get the value from the embedded data field and let it select a multiple choice answer option for ONLY question: QID1215751872. The issue is that the below input jQuery works, but it then fills all questions on the page with answer code 1.I just want to target that one QID. The bottom two jQuery's seem to not work. How can I target one QID and select a certain choice id? Qualtrics.SurveyEngine.addOnload(function () {    var PullEmbData = Qualtrics.SurveyEngine.getEmbeddedData('Filter1');    console.log("Answer is:" + PullEmbData)        if (PullEmbData = 'PulledValue') {        jQuery('input[choiceid=1]').prop('checked',true);    };        //jQuery('#' + this.questionId + 'input[choiceid=1]').prop('checked',true);     //jQuery('#QID1215751872 input[choiceid="1"]').prop('checked', true)});Many thanks!

762
R
Level 2 ●●
5 months ago
M
Mullycat
asked in Custom Code
Drill Down questions - multiple answers and free text

Hi, I have 2 queries when using a drill down question box:Firstly: Is it possible to have a other + free text option? Eg:Q1. Name the countries and cities you have visited to?Country: Australia City: Sydney, Melbourne or 'Other - please state:'There would then be a free text box to complete.Secondly, I would like to add conditions so that respondents can add further answers to the same question. So if they provide a response, the question would repeat and they could answer same country, different city OR another country, again with various cities as options, plus the free text. This would continue until they no longer provide a further answer.If they didn't respond with anything to the first Q1 , then they would go onto the next question.Thank you!

3963
A
5 months ago
T
Level 1 ●
tawnyalunaLevel 1 ●
asked in Custom Code
Carry Forward / Loop & Merge for Dropdown Choices

I have a very long dropdown list in a loop.  The number of loops is defined by a user-entered value. I would like the dropdown selection from each loop to be presented to the user after the loop is complete (to act as a confirmation of their selections).How do I carry forward the values and create this confirmation list of selections?Thanks!

262
T
Level 1 ●
5 months ago
C
Level 2 ●●
CindyJLevel 2 ●●
asked in Custom Code
SetJSEmbeddedData not setting

I’m playing around with the setJSEmbeddedData function, and here is a line of code in addOnLoad:However, after I preview my survey, nothing got set in my survey flow:even after I changed the field name to __js_MyData. Does anyone know what’s wrong with what I did?

700
C
Level 2 ●●
5 months ago
A
Level 2 ●●
AineLevel 2 ●●
asked in Custom Code
JavaScript in Comment in survey

Can someone help me with javascript?I need to add code in a comment in surveyIf question q1 had a score <=6 make this question mandatory, otherwise make optional.

384
A
Level 2 ●●
5 months ago
C
ClaraSophie
asked in Custom Code
online store template

Hello,For my survey I need the participants to "shop" in an online store environment to prime them regarding certain attitudes.I tried to build something similar to the screenshot. But this is only possible to a limited extent with the current question types in qualtrics. Therefore I am wondering if there might already exist an online store template? Or has anyone done something similar before? If yes, how did you implement it? Greetings, Clara

1432
S
5 months ago
M
Level 2 ●●
MaggieGentryLevel 2 ●●
asked in Custom Code
Add horizontal line to group question - however, one response is not grouped

Qualtrics.SurveyEngine.addOnload(function() {  jQuery("#"+this.questionId+" li.Selection").last().prev().css({"border-top":"2px solid #aaa","padding-top":"10px"});});I used this code, however it applied the line to the last group. I want the line to be above an option that is not in a group. See Image below - as you can see, Partners in Care and Volunteer are 2 groups - with contents - However, home is not in a group and I need the line to go above that, please. 

381
M
Level 2 ●●
5 months ago
S
Level 2 ●●
sics_sue_chooLevel 2 ●●
asked in Custom Code
issue with data export of time field,

hi!I am using flatpickr to collect hours and minutes in my text field. example of the survey to collect hh:mm on time spent on an activity the JS I have Although I have enforced a maxTime, but I received responses outside this range, as seen in screenshot below (data export in csv): I realised that the issue could be the format it was export, as i clicked into individual cell, I saw this:It is still a valid entry if my maxTime is 04:00, and this user entered 3:36 hours.  My question is, how can I make this right? The export file is misleading. When I view the response in Data&Analysis, the data entered appeared as in the export too:  

120
S
Level 2 ●●
5 months ago
J
Level 1 ●
jenniehudsonLevel 1 ●
asked in Custom Code
Is moment.js still the best option for calculating the difference between RecordedDate and a second date?

I have been calculating the difference between two dates using moments.js. The code runs but not consistently across participants. There seems to be some concern on other forums, including the moments.js site, that it is not the best for current browsers. It seems however on this forum that moments is still recommended as the best option. Keen for your thoughts @TomG, given I have been following your excellent recommendations on this.Thanks in advance

281
TomG
Level 8 ●●●●●●●●
5 months ago
jtj3
jtj3
asked in Custom Code
Too much white space in survey - how to change it?

I'm developing a new survey and I want to decrease the amount of white space that shows up for the survey participant. First, it looks like the questions only take up about 2/3rds of the full page width. I don't want to run the full width of the page, but there's an awful lot of WS to either side of the question.The second thing is that for some of the questions with slider bars, the slider text/area looks really big. In one case a single question takes up most of the web page (and it's only got like 5 sliders in it, so not a huge amount).I'm not a CSS expert, but would welcome some advice on how I can shrink the WS and make the survey look more compact and balanced.

8347
cbhavsar
QPN Level 4 ●●●●
5 months ago
A
a_e_scott
asked in Custom Code
Capture and embed data within a loop

Hello! I've been wrestling with this problem for a while, but due to my inexperience with Javascript, I haven't got too far. I apologise in advance for the hot mess of a code down below!!My goal is to capture the answer of a question within a loop, each time the loop occurs, and create an embedded data field.Currently, I'm adding this to the end of the javascript terminal.Qualtrics.SurveyEngine.addOnPageSubmit(function() {var current_loop = ${lm://CurrentLoopNumber};var answer = $(this.QID44).select('.InputText');var answer_instance= ("Intention" + current_loop){   Qualtrics.SurveyEngine.setEmbeddedData(answer_instance, answer);}});I think my issues are: ${lm://CurrentLoopNumber} isn't an appropriate way to reference the current loop number?$(this.QID44).select('.InputText') won't collect the answer from QID44In general, the javascript terminal says theres an excess '{', and won't allow me to save and quit! Can you spot it?Another thing is that the text entry for this question

103816
T
Level 1 ●
5 months ago
A
Aydin
asked in Custom Code
Slider Questions Hide the numbers below

Hello everyone. I searched for old questions on the subject, but either it is not exactly what I want or what was suggested did not work. In the slider question type, I put a label at both ends of the slider. I removed the show value option, so the respondent cannot see what numerical value they are giving at that moment. But I also want to remove the labels 0 on the left and 100 on the right at the bottom of the slider, is there any way to remove these number labels? Here the number labels I want to remove and options I can see while edit question  

701
S
Level 1 ●
5 months ago
T
Level 1 ●
TafrojLevel 1 ●
asked in Custom Code
Java script to custom text entry response

Hello,I’d like partipants to answer “ first 2 letter of first name” & ‘first 3 letter of last name’ in the from field. How can I validate so that they can only enter 2 letters and 3 letters on that field?  

323
Deepak
QPN Level 8 ●●●●●●●●
5 months ago
F
fcul
asked in Custom Code
I am getting an error when previewing survey

Can I know what caused this error when previewing the survey? Thanks!

252
A
Level 7 ●●●●●●●
5 months ago
S
szasulja
asked in Custom Code
Audio and Video autoplay bug on iOS

I’m designing a survey (testlink) for kindergartners (4-7yo). It has autoplayed audio instructions either from .mp3 or .mp4 (video) files embedded as html. I also set up autoadvance on all pages, either  triggered by an action from the kid, or if no action is required (e.g. they watch a short video clip), after a set number of seconds. The survey works perfectly on all platforms and browsers I tried, EXCEPT on iOS (iPhone, iPad), where files do not autoplay if they are preceded by a time-based autoadvance. Comments, suggestions are much appreciated.More info:It does not appear to matter whether autoadvance is triggered by a Timing-type question, or if by a Javascript (setTimeout jQuery). If I hit the next button manually before the autoadvance goes off, the autoplay works as intended. I tried multiple browsers on the iPad (Firefox, Chrome, and Safari) and the bug is consistent across all. My .mp3 and .mp4 files are on Dropbox. I tried moving an .mp3 to Qualtrics library, but that doesn

1842
A
Level 7 ●●●●●●●
5 months ago
A
amnussberger
asked in Custom Code
Loop & Merge: Show 1st question of block only in first loop

Hello hive-mind, I'm new to this community & have checked existing posts but have not yet found an answer to the following question: I have a block ion which I'm running a randomized Loop & Merge. I'd like to display the 1st question in the block only once, in the first run of the loop. Display logic does not seem to work on number of loops as I randomize loop order. Any ideas how to tackle this? My hunch is I'll need some js that tracks the number of loops but I'd be grateful if you could help me with how to set this up! Any help is much appreciated!

2346
T
5 months ago
C
Claire20
asked in Custom Code
Highlight missed questions other than request response

Hi all! My survey consists of multiple choice questions, matrix tables, and open text answers. The first two are forced responses and I really like how if you try to move on without answering them it 1) identifies which question still needs an answer, and 2) shows the warning text above said question.My problem is: I want my open text answers to not be force responses. However, when my participant tries to move on to the next page without answering one, I want a prompt to show that says they’ve missed this question and to answer if they wish to, and highlight which question it is like force response does.I don’t really like the way the request response box comes up if I use this option. Are there alternative options to highlight that they’ve missed a question but not force it? Ideally, I want the exact same thing that forced response does but allow them to move on if they choose to not fill in an answer.Any recommendations are greatly appreciated. 

591
Sachin Nandikol
QPN Level 6 ●●●●●●
5 months ago
K
QPN Level 2 ●●
karen_split-pinQPN Level 2 ●●
asked in Custom Code
Simple layout & simple layout

I have java script in a Lifecycle survey to convert birth date to an age category.  The script works perfectly in the older survey layouts, but no in the Simple.  I know my code works as it’s been tested. My JSQualtrics.SurveyEngine.addOnReady(function(){    /*Place your JavaScript here to run when the page is fully displayed*/    var current_date = "${date://CurrentDate/DS}";    var current_year = current_date.substr(0,4);    var dateOfBirth = "${e://Field/BirthDate}"; // 28/05/1970    var dateOfBirth_year = dateOfBirth.substr(6,4); // takes 4 characters counting from the 6th character so would retunr 1970    // var dateOfBirth_year = "${e://Field/Year Of Birth}"; // Used if the year is stored    var captureAge = parseInt(current_year) - parseInt(dateOfBirth_year);    var ageGroup;                // Set group value for ageGroup    if (captureAge < 20) {          ageGroup = "a. younger than 20 years";    } else if (captureAge < 30) {          ageGroup = "b. 20 - 29 years";    } e

873
TomG
Level 8 ●●●●●●●●
5 months ago
M
m_schneider
asked in Custom Code
Custom JS code (slider without anchoring) does not work on mobile

With the help from some nice folks I have implemented a slider without anchoring in JS. The issue is that it does not work on mobile at all (no slider selector and value is displayed and there is just a grey line). I assume that it is not touch sensitive. Does anybody know how to amend this so that it works on mobile as well?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 firstclick = 0;    jQuery('.handle').hide(); // Assuming '.handle' is the class of the element you want to hide    jQuery('.track').on("mouseover", function() {        jQuery(this).find(".handle").show();        if (firstclick == 0) {            jQuery(this).find(".handle").css("width", "0px");        }    });    jQuery('.track').on("click", function() {        firstclick = firstclick + 1;        jQuery(this).find(".handle").css

472
M
5 months ago
J
jgibbons.cnu
asked in Custom Code
Can responses to questions in one survey be put as questions in another survey?

Hi there.I am trying to figure out how to connect two surveys on Qualtrics. I want to be able to take responses from open-ended questions in one survey and translate them as questions with multiple choice option answers in another survey. For more context, I am asking for an ‘Event Title’ in the 1st survey and have directions in the second survey to respond ‘yes’ or ‘no’ if the participant remembers the event title. The event title would be placed as the question with ‘yes’ and ‘no’ as the multiple choice options. I want to be able to do this automatically because if I cannot, I would have to individually edit each survey to add the titles into the questions. Does anyone know if this is even possible? Thanks!

442
Appzk
QPN Level 5 ●●●●●
5 months ago
C
coffye
asked in Custom Code
Removing question text

I'd like to hide the question text for a question in my survey. Is there code that will allow me to do this? I've read this thread: https://community.qualtrics.com/XMcommunity/discussion/2256/hiding-question-text, but when I add the code to rich content editor HTML view, the question still appears when I preview the study. This problem was brought up in the above thread but never answered. Thanks

22646
F
5 months ago
K
kanupriya003
asked in Custom Code
Survey Does not appear when transitioning from another page to page with embedded survey. 

Survey does not appear when transitioning from another page to a page with an embedded survey. Additionally, I've set up a logic in the intercept: if another intercept is shown to the contact from the directory within 90 days, then the intercept will not be visible to that person.

403
Deepak
QPN Level 8 ●●●●●●●●
5 months ago

Motivational Playlist

Terms & Conditions