Announcements
Events
Groups
Ideas

XM Community
Developer Corner
Custom Code

Custom Code

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

7,286 Topics
22,891 Replies

When you subscribe we will email you when there is a new topic in this category

7286 Topics

Recently active

Most replies Most views Newest first

Nightblade

asked in Custom Code

Create a questions with random text

Imagine that you have a long list of words and want to ask the following question: What do you think of <RandomWord>? One way you could do this is to have 10,000 different questions each with the text "What do you think of Apple" "What do you think of Cat?" etc... However, then you would get back a data file that had 10,000 null fields and just one field with an answer. Worse yet, if you asked for timeing you would get back 50,000 + null fields and Qualtrics will not export that many fields. Another, much better way to do it, would be to generate the question on the fly and then just have one question that had different text each time it was asked. The first is the default in Qualtrics, and there does not seem to be a way to do the second. Does anyone have an idea on how to do the second choice.

Progress bar color fill

I increased the height of the progress bar but the color fill size remains default.How do I make sure colour updates the full bar?

4 months ago

krzych27

asked in Custom Code

Centering survey password in simple layout

Hello, I’ve no idea how to center the password text and box. As I’ve expanded the margins of the survey globally to 65%, it’s appearance is a bit awkward. Any suggestions are welcome.

TafrojLevel 1 ●

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!

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?

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!

160

4 months ago

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!

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!

3813

4 months ago

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!

212

4 months ago

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?

560

4 months ago

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.

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

1352

4 months ago

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.

321

4 months ago

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:

4 months ago

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

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.

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

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

591

4 months ago

TafrojLevel 1 ●

asked in Custom Code

Java script to custom text entry response

I am getting an error when previewing survey

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

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

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!

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.

461

4 months ago

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

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

422

5 months ago

Page 13 / 292

Motivational Playlist

Terms & Conditions

Sign up

Already have an account? Login

Social Login

Login to the community

Social Login

Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.

Enter your e-mail address

Back to overview

Scanning file for viruses.

Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.

This file cannot be downloaded

Sorry, our virus scanner detected that this file isn't safe to download.