Announcements
Events
Groups
Ideas

XM Community
Developer Corner
Custom Code

Custom Code

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

7,293 Topics
22,940 Replies

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

7293 Topics

Recently active

Most replies Most views Newest first

parkie_0007Level 5 ●●●●●

asked in Custom Code

Validation Response Help

HelloI have some custom validation running that is working well, for example (yellow line). But on my next question the validation message does not make sense. It should say something like – ‘Please select the type of feedback’. How do I change the validation message just for this question. This will be the only change needed if that helps.Thanks :)

251

1 year ago

parkie_0007Level 5 ●●●●●

asked in Custom Code

Question Padding Help

Hi EveryoneI am using this in CSS which is working well..Skin .QuestionText {padding: 25px !important;border-radius: 10px !important;}But when I move onto my 2nd survey page, I don’t want this running.How would I remove the pink gap on this question? Thanks :)

471

1 year ago

Paul25Level 1 ●

asked in Custom Code

Can't set responses as embedded data with JS from question using carryforward?

Hello, Here’s my setup: multiple response question → next page: carryforward selections to a drag and drop ranking question, use JS to set those ranks as embedded data → next page: use embedded data to ask about the top three ranked selections. I had everything working until I switched the drag and drop question to using the carryforward selections (I had hard coded some dummy responses while I was building/testing). So is it possible to use JS to set embedded data from a question using carryforward? I’m using ‘ChoiceNumericEntryValue’ and ‘ChoiceDescription’ in the JS to set the embedded data. Do I need to use other fields? Should I set the selections from the first question as embedded data and use them in the drag and drop instead of using carryforward? Thanks in advance for any help.

How do I translate embedded data?

Hello!My team and I are conducting a survey in 6 languages. One of the biggest challenges we have faced is the inability to set embedded data to automatically translate based on the language the respondent selects at the top of the survey. For example, we’re running a small conjoint experiment within the survey, and thus need to randomize embedded data to appear within a table. It would make it easier in analysis to have all of the translations set within the survey and let the whole thing export to english, but I am struggling to think of a way to do it. Has anyone else come up with a solution for this problem?

1821

1 year ago

Vinay_BohraQPN Level 2 ●●

asked in Custom Code

Validation on Likert type of question

Hi All, I have a likert type question in my survey having 5 statements and 7 scale points for each statement. I wanted to apply a validation, where a respondee need to select at least one statement and at max 3 statement. I checked, and it is not possible via direct validations. Is it possible to write a javascript for the same? If yes, then how we can do it?

714

1 year ago

Paul25Level 1 ●

asked in Custom Code

Expand/collapse grouped response options for multiple choice question

Hello, I have a multiple choice question with 85 response options organized into ten groups. I’d like to collapse the groups so it’s easier for respondents to navigate the options (this is not a drill-down question). They would be able to expand a group, select any responses, then collapse it again. I’ve experimented with the accordion function in JS, but I don’t know JS well-enough to get it to work. Has anyone tried this and gotten it to work? Or is there another approach? Thanks in advance.

3142

1 year ago

PhilipMooreLevel 2 ●●

asked in Custom Code

Automatically set "none of these" to true when the question is not displayed

I have a “how familiar are you question” followed by a “which of these” question. The “which of these” question is only displayed if familiar = true. When familiar = false, I want the value for “which of these” to automatically be set to “none of these”. I need the “none of these” value set right away so subsequent logic will function properly. Any guidance?

Date Picker with Minimum Date Option

I want to have a “date picker” calendar where the date they pick at minimum has to be 7 days from the date they are completing the tool or they can pick any date in the future - is this possible? This is the code I am using for the date picker part:Travel Date:<link href="https://ajax.googleapis.com/ajax/libs/yui/2.9.0/build/calendar/assets/skins/sam/calendar.css" rel="stylesheet" type="text/css"/><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/yui/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/yui/2.9.0/build/calendar/calendar-min.js"></script> <script>Qualtrics.SurveyEngine.addOnload(function(){var qid =this.questionId;var calid = qid +'_cal';var y =QBuilder('div'); $(y).setStyle({clear:'both'});var d =QBuilder('div',{className:'yui-skin-sam'},[QBuilder('div',{id:calid}), y ]);var c =this.questionContainer; c = $(c).down('.QuestionTe

Recording data from Multiple choice question answer text to embedded data

I am new to Qualtrics so this likely has a simple solution however I am having trouble finding one that works. What I am looking to do is rather simple, present the user with their answer in a later text block. Specifically I am looking to save the option text for the answer the user selected into embedded data. Here is what I currently have, which gives me the code of the answer but I am looking for the option text:Q284 let selectedRecode = this.getChoiceRecodeValue(this.getSelectedChoices()); Qualtrics.SurveyEngine.setEmbeddedData("ans", selectedRecode);This is what I am trying but is not working:Q285 let selectedanswer2 = this.getChoiceAnswerValue(this.getSelectedChoices()); Qualtrics.SurveyEngine.setEmbeddedData("ans2", selectedanswer2);Eventually I present the answer in test like this:Q286This was your answer:${e://Field/ans2}Please let me know if I am missing anything. Thank you!

Is it possible to have an image capture question with study participant using phone camera to enter?

Hi, I have designed a research project which needs the participant to enter photos direct from their cameraphone as the answer to six of the questions in the survey. I have seen that this "image capture" type of question is possible on other platforms (harvest my data as an example) but not sure if qualtrics offers this function. Ideally, I do not want users to have to seek out a photo/file on their phone, but would like the user friendly - 'take a photo of x' 'are you happy with this/retake?' 'submit'Does anyone know if this is possible? Thanks

Change apperance of slider (as a type of slider ) to discrete items

Hi, I have a slider type of slider question that i want to put discreet categories like the stars without changing the type to stars. I was wondering if there was any code i could use to do this. This is because the stars doesn’t allow headers so i was wondering if i can alter just the look to get around this.

Custom CSS in Simple Layout

I am working on a project that requires several file uploads (attachments) so I need to use the Simple Layout to ensure that respondents can remove and reattach a file if they accidentally upload the wrong file. I typically use the following Custom CSS in other layouts but it does not function in the Simple Layout. Any suggestions on how to apply or adjust this code to work in Simple Layout?.QuestionText {color: #003DA6 !important;}.QuestionBody {color: #003DA6 !important;}

m.zubeiruLevel 2 ●●

I embedded a YouTube Video in Qualtrics and created four thought probe questions with IDs QID581, QID809, QID808, QID810 respectively in the same block.While participants are watching the video, I want Qualtrics to pause it at random time points within specific time intervals and display the thought probe questions for 30 seconds, each within each time interval, and then resume the video automatically.I generated a Java Script using Chat-GPT, modified and pasted it in Qualtrics but I didn’t work. I contacted some students in a Java script course and they said Qualtrics might be using some functions and calls which I need to include in my code. I have no coding experience. Could anyone help? Is there something missing in this code or Qualtrics cannot help me achieve what I want? Below are the YouTube iframe and the Java script: iframe: <iframe width="560" title="YouTube video player" src="https://www.youtube.com/embed/sCzRm3nKXa8" height="315"></iframe&

Pop-over rounded corners

Dear all,I trying to have rounded corners on my pop-over, I guess I have to put “border-radius: 25px” somewhere but I do not manage to find the right CSS code to have the expected results. In image joined, you’ll see that I set up the intercept box as transparent and the intercept zone is white without borders (I’ll try with white borders but it does not help).Also I was wondering how to have your pop-over automatically resizing depending on the question asked?You will find below my CSS code, I’ll deeply appreciate any help if you can. CSS Code:.Skin #LogoContainer {display: none !important;}.Skin .QuestionText {color: #030F40 !important;padding: 20px 20px 15px 20px !important;font-size: 17px;font-weight: bold;border-radius: 15px;}.Skin .QuestionBody {color: #030F40 !important;padding: 0 20px 0px 20px !important;border-radius: 15px;} François

1150

1 year ago

FritzBreithauptLevel 1 ●

asked in Custom Code

Go to Next Question Automatically in questions with JS

My task is about finding spelling mistake in a sentence and click on the letter causing the mistake.My current code is now showing the statement, automatically going to next page in 30s for each question, I embedded this with JS and HTML codes (see below)However, I want to make my survey autoadvancing in 3 seconds after a click. I saw autoadvancing option in Look & Feel section, but probably because of my code it is not working. Can you help me how to do that? JS:Qualtrics.SurveyEngine.addOnload(function (){var qualtrics = this;// IMPORTANT PAGE VARIABLESvar num_es_clicked = 0;var num_non_es_clicked = 0;var num_high_dep_es_clicked = 0;var red_rgb_val = "rgb(255, 0, 0)";var total_num_es = 0;var total_num_high_depletion_es = 0;var new_lower_e = '\u0435'; //lowercase evar new_upper_e = '\u0395'; //uppercase e// END IMPORTANT PAGE VARIABLES// IMPORTANT SET UP FUNCTIONS var $j = jQuery.noConflict(); qualtrics.disablePreviousButton(); qualtrics.hideNextButton(); // This function prev

3966

1 year ago

HenrikeSLevel 2 ●●

asked in Custom Code

Storing matrix question statements as embedded data (according to respondent's choice)

Hi everyone!I am trying to construct something really tricky:I have a matrix question with 6 statements ...our company competitor 1 competitor 2 competitor 3 competitor 4 competitor 5and 5 scale points:no knowledge knowledge considerance purchase loyaltyThe scale points are recoded in values from 1 to 5.Now I want to safe two of the statements as embedded data according to the following rules:a) If for "our company" 2 or higher is chosen, then store "our company" AND store another statement, namely the one with the highest chosen scale point. If there are two or more statements with the same (highest) chosen scale point, then take one of them randomly and store it.b) If for "our company" 1 is chosen, then store the two (other) statements with the highest chosen scale point. If there are three or more statements with the same (highest) chosen scale point, then take two of them randomly and store them.I created two embedded data fields:SelectedStatement1 SelectedStatement2Then I created

Custom JS: clickNextButton not working

Hi everyone!Maybe someone can help me. I am trying to run a code on a page with 80 buttons that checks whether participants have selected all the buttons they are supposed to select. If they have, I want three things to happen:Participants get an alert telling them they did find all the buttons (works!) Percentage of corretly pressed buttons gets written in an embedded data field (does not work) Upon closing the alert, the Next-Button gets automatically pressed (does not work).Any advice on how to make (2) and (3) happen would be greatly appreciated! Here is the code I have so far:Qualtrics.SurveyEngine.addOnload(function(){ this.hideNextButton(); jQuery('.toggleable').on('click', function(){ jQuery(this).toggleClass('chosen unchosen'); var isChosen = jQuery(this).hasClass('chosen'); }); var correct = [5, 6, 7, 13, 14, 33, 34, 41, 43, 49, 58, 59, 65, 79]; var ncorr = 0; var wept_01 = 0; jQuery('#check').on('click', function(){ var

1294

1 year ago

Vinay_BohraQPN Level 2 ●●

asked in Custom Code

Issue in JavaScript - Flatpickr

Hi All,I am using below mentioned Jquery to use faltpickr and store some embedded data fields but am facing some issues.I am pulling value of minDate from embedded data field which is in the format of ‘DD-MM-YYYY’ but the code is not able to capture that. I am calculating maxdays variable by subtracting ‘fsi’ from ‘lpi’ but the code is unable to do soCan you please help me see if there is any error in the code which might be required to solve above mentioned two issues? Qualtrics.SurveyEngine.addOnReady(function(){jQuery("#"+this.questionId+" .InputText").flatpickr({altInput: true, altFormat: "F d, Y", dateFormat: "Y/m/d", minDate: "${e://Field/date}", maxDate: "${e://Field/lpi}" });});Qualtrics.SurveyEngine.addOnPageSubmit(function() { var fsi = document.getElementById('QR~QID45').value; var lpi = "${e://Field/lpi}"; moment.locale('en-IN'); var fsi = moment(fsi).format("DD-MM-YYYY"); var lpi = moment(lp

Modify Calendar to only show 12 months past current date

I’ve been searching for a way to show a calendar to respondents that only allows them to select a date within the previous 12 months of the current date. Anything past 12 months would not appear for them. If this isn’t possible, we could also have a custom prompt that closes the survey if they were to pick a date from say, 13 or 14 months ago (from current date). I would greatly appreciate any help. Thank you!

Disabling Links in Survey Response Fields

Hi everyone!We are currently seeking a solution to disable links entered by participants in response fields (text entry questions) of our surveys. We have previously been advised to use custom validation, but this option is incompatible with another validation we have configured for the maximum character count. Specifically, we want the links entered by participants in text fields to not be clickable when viewing the data through tabular widgets on the dashboard.I really hope that someone can help me.

Displaying mean and range from previous round on a matrix table

Hello! I am creating a survey for round 3 of my Delphi design study. All the items will be the same as round 2 but I need to display the mean and range for each item in the matrix table. I believe there is a way to add them as columns in the table for easy reference by respondents but I cannot find that option in the menus. Any assistance would be appreciated!

522

1 year ago

rochak_khandelwalLevel 4 ●●●●

asked in Custom Code

How to have different headers for each statement in MATRIX type question?

Hello,Is it possible to create a question with different headers for each survey item? Repeat header checkbox allows me to repeat them but they all need to be same (as shown in the picture below). Is it possible have different headers? Is a matrix question the wrong option? Can anyone please help out? Alternate suggestions to Matrix-type questions (if not possible) are also appreciated. I have a total of 12 statements, each with 5 options.

3322

1 year ago

V.E.Level 2 ●●

asked in Custom Code

Update: Video in Qualtrics not loading properly

Hello all, as in my last discussion post, I am trying to make a video in Qualtrics that has not been loading properly. The video is coded such that it autoplays, is pinned to the top of the page (so that respondents don’t have to scroll down to view it), and can be responded to with the keyboard (e.g., pressing “J” to answer a question about the video). Although this code has worked, when the video loads, it glitches, like so (at the 2 and 7-second marks):This glitching looks a little different with each test, but regardless, it occurs consistently and on all browsers tested (Chrome, Safari, Firefox). Below is the most recently updated JavaScript and HTML code for the first video in the example attached. Since the last forum post, I have tried removing each code (keyboard responding, autoplaying, and pinning the video) one at a time in varying combinations to see if any one function is the problem, but the issue occurred in all combinations. I would really, really appreciate any help a

2647

1 year ago

nobrienLevel 2 ●●

asked in Custom Code

Count Matrix text entry with data

Hello and thank you in advance,I have a Matrix text entry question. The user does not have to provide data in all 7 rows. I’d like to get a count of how many times data is provided in the “Subject”, "ImportId":"QID38_1_1"} {"ImportId":"QID38_2_1"}{"ImportId":"QID38_3_1"} {"ImportId":"QID38_4_1"} {"ImportId":"QID38_5_1"} {"ImportId":"QID38_6_1"} {"ImportId":"QID38_7_1"}.I created an embedded field, Embedded_Course_Count and with the help of ChatGPT I tried a couple of javascripts but I get no output or 7. Is what I’m attempting possible? Is anyone able to help me with a javascript or another possible solution?Thank you, Noreen

Need help aligning "top" for answer choices (rather urgent)

So here’s my current survey, where respondents have to choose a preferred paragraph explanation: But I want the paragraph on the right to be aligned to the top, so that it is on the same horizontal level as the left paragraph. I tried inputting several CSS but it doesn’t seem to be working so I had to ask for help.I also want to do the same thing for a “side-by-side” question I had: Could anyone share some advice? It would be greatly appreciated

1204

1 year ago

Page 45 / 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.

Popular Use Cases

Customer Experience Management (CXM)
NPS Software
Employee Engagement Software
Online Survey Software
Market Research Software
360° Employee Feedback

Customer Survey Software
Website & App Feedback
Voice of Customer Software
Employee Pulse Surveys
Onboarding & New Hire Surveys
Online Reputation Management

Support

Submit a Ticket
Online Help
Qualtrics Community
Professional Services
Product Roadmap
Status

Company

About Us
Investors
X4 Summit
Careers
Partnerships
Contact Us
Newsroom

Resources

Customers
Integrations
Blog
Events
Training & Certification
Resource Library
XM Basecamp

Privacy Statement

Security Statement

Sitemap