Custom Code | XM Community
Skip to main content
Michael_Cooksey
Administrator
1 month ago

Custom Code

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

  • 7,405 Topics
  • 23,373 Replies
7399 Topics
M
Level 2 ●●
MaggieGentryLevel 2 ●●
asked in Custom Code
How to remove code from JUST one question?

Hi All, I have this code programmed on the THEME of my survey: .Skin .Matrix table thead th:last-of-type { border-left: 2px solid #8D8D8D4D;} .Skin .Matrix table .ChoiceRow td:last-of-type { border-left: 2px solid #8D8D8D4D; } .Skin .Matrix table .ChoiceRow td:last-of-type label { margin-left:0px; } .JFEScope .Skin .Matrix .q-matrix.mobile table td:last-of-type { border-top: 2px solid #8D8D8D4D; border-left: 0px;}.JFEScope .Skin .Matrix .q-matrix.mobile table td:last-of-type label { margin-top:0px; } HOWEVER, I don’t want to apply it to a (single) question. Is there a way to overwrite this in the javacode for a single question? - I would like it still applied to the theme, just removed/ignored for a single question.

464
M
Level 2 ●●
karahansobrien
Level 1 ●
karahansobrienLevel 1 ●
asked in Custom Code
Limit Choices in Multiple Select

I am wondering if there is a way to limit the number of choices in a multiple select question. For instance, let's say I want the validation range to be Must Select "1" but No More than "3" and what I want to do (but can't figure out how) is if they have selected 3, I don't want them even be able to highlight another bar (or make another choice) unless they deselect one of the 3 already selected choices.Case: I have a one page survey that has 10 questions and they won't get the error message until they try to hit the submit button, in which case I'm worried they won't scroll back up to see the error message and will instead close the browser.Thanks in advance for advice!

3316
A
Level 7 ●●●●●●●
Sathwik_Teja
Sathwik_Teja
asked in Custom Code
How to do math operation in piped text for difference between two dates?

I am having 2 embedded fields called Hire Date and Termination date and I wanted to calculate tenure through piped text. How to insert a piped text for this. Hire date and Termination date are in date formats where as the tenure should be in a number format like for example 10 years they are in the service.

3494
Henri from ilem
Level 1 ●
H
helamanl
asked in Custom Code
How to use JavaScript to amend the text of answer choices in a MC question?

So, just like the title. How do I use JavaScript to amend the text of answer choices in a MC question? It is how I setup my question: It is my code: Qualtrics.SurveyEngine.addOnload(function(){ // Determine the current month and year var now = new Date(); var currentMonth = now.getMonth(); // Note: January is 0, February is 1, and so on. var currentYear = now.getFullYear(); // Define semester names and month ranges var semesters = ['Winter', 'Spring', 'Summer', 'Fall']; var nextSemesterIndex = 0; // Default to Winter // Determine the next semester based on the current month if (currentMonth >= 0 && currentMonth <= 3) { // Jan-Apr nextSemesterIndex = 1; // Spring } else if (currentMonth >= 4 && currentMonth <= 5) { // May-Jun nextSemesterIndex = 2; // Summer } else if (currentMonth >= 6 && currentMonth <= 8) { // Jul-Sep nextSemesterIndex = 3; // Fall } var offset = 0; if (nextSemesterIndex == 0) { offset = 1; } // Iterate through the next four semesters, including the current one for (

360
H
R
rpk
asked in Custom Code
Add JavaScript Logic Based on Whether Question is Displayed

This should be a simple question, but, for some reason, I just cannot crack it or find this information online. I have a set of questions in a block. They are randomized so only one shows to the respondent. I want to use JavaScript to detect which one is shown and have the script take an action based on that. The approach I’ve been taking is to try to detect if it was shown and set an embedded data value to indicate whether it was shown or not. I’ve tried several different things. For example: if (jQuery("#QID1").isHidden()) { Qualtrics.SurveyEngine.setEmbeddedData('Q1shown', 0);} else { Qualtrics.SurveyEngine.setEmbeddedData('Q1shown', 1);} I was hoping to use this to use in a later if/else statement to execute some script if one question is shown rather than another.

961
qualtrics_nerd
Level 5 ●●●●●
S
Level 1 ●
sajjidLevel 1 ●
posted in Custom Code
I need a code that can allow survey participants to deselect their clicked selection

Hello XM Community,I'm wondering if there's a code that I can add in order to enable survey respondents to deselect their clicked selection when responding to the survey questions.

98712
TomG
Level 8 ●●●●●●●●
K
kcbro
asked in Custom Code
Custom code to display text in email inbox UI

Hi Everyone! I have a company logo in my email invitation header, and my email inbox UI is displaying a URL for my graphic header, when I want it to show text instead. I was told that this can only be accomplished through the use of custom code. Can anyone provide guidance on how to have the email inbox UI display text instead of a URL? I think seeing a long URL as the first line of an email reduces response rate. I would like to avoid removing the graphic in my header if possible. Thanks :)

524
K
S
Stefano
posted in Custom Code
single switching point

Hi, is there a way to force a single switching point in questions as the one reported below? Basically, I want people once the switch from option A to option B, to remain on option B for the consequent questions as well automatically.This is a task that people in an experiment have to play. They can choose whatever they want. The only think I would like to have is that whenever they switch from A to B (it can be after the first radio button, or after the second, the third and so on), then they can only choose B thereafter. This is basically a consistency requirement.For example, if someone chooses A in the first three radio buttons and then switches to B at the fourth one, I would like to have that from the fourth one on she/he can only choose B, or even better than B is compiled automatically thereafter. I would like this process to work not only for the example described but in general.

1191
F
A
Level 2 ●●
altatuncLevel 2 ●●
asked in Custom Code
New Question Style Challenge

I am interested in piloting a new question type called ‘confidence weighted multiple choice’ and would love to use Qualtrics for this pilot. Below is an image of how it looks to the end user and how it is scored behind the scenes. Does anyone have concept of how something like this could be done - if at all? Full article on the topic can be found here. Thanks for all thoughts! Adam

572
TomG
Level 8 ●●●●●●●●
A
Level 1 ●
AL_2022Level 1 ●
asked in Custom Code
custom code for pairwise combintaion of responses

Hello XM Community, I'm working on a survey project where participants are asked to identify both their starting and ending cities for a specific journey. My challenge is to do with categorising these journeys as either intrastate (ie within California) or interstate. For context, in California alone, we have 12 major cities, resulting in 66 possible city pairings, plus the reverse direction of travel. We have 4 states in total. Using traditional branch logic and embedded data fields in Qualtrics seems impractical due to the sheer volume of potential combinations. My goal is to find a more efficient method to group these responses correctly without having to manually code an exhaustive list of combinations. I am thinking about post-processing step outside of Qualtrics, as we have already 100K responses. Is it possible to use a web service to process responses in real-time and categorise them accordingly? Has anyone faced a similar challenge with categorizing responses based on a large

392
A
Level 1 ●
C
Cat Mug
asked in Custom Code
Javascript Executed Twice when NOT in Preview Mode

I've set up a custom drilldown question in my survey that lets people choose their location step by step. They can pick from four dropdown menus, which are filled out by a piece of code that looks like this: jQuery(document).off('change', '#QID1_dropdown').on('change', '#QID1_dropdown', function () { var provinceId = jQuery(this).val(); Qualtrics.SurveyEngine.setEmbeddedData('provinceId', provinceId); if (provinceId) { jQuery('#QID2_dropdown').empty().show().append('<option value="">Select City/Regency</option>'); console.log("Fetching cities/regencies..."); jQuery.get('https://mybackendwebsite.com/cities_regencies/' + provinceId, function (data) { var cityRegencyDropdown = jQuery('#QID2_dropdown'); console.log("Appending cities/regencies..."); jQuery.each(data, function (_, item) { cityRegencyDropdown.append(new Option(item.city_regency_name, item.city_regency_id)); }); console.log("Cities/regencies appended."); }); } else { resetAndHideDropdowns(1); }}); (writing the code in paragrap

451
TomG
Level 8 ●●●●●●●●
IsabelPosada_Voce
QPN Level 5 ●●●●●
IsabelPosada_VoceQPN Level 5 ●●●●●
asked in Custom Code
How can I put a drop-down list in a form question field?

Hello Everybody!! We need to launch a survey for updating customers´ data, so we need to make them to select which of the 3 types of document do they have, and this is just one of the field from the form and we don´t want to make an additional question for this. I want to put the dropdown list in the yellow field: ! Thanks for helping me!!! B) B) :* :*

654844
Q
Level 1 ●
F
FelixK
asked in Custom Code
Replacing piped text with JS based on certain conditions

Hi, Essentially what I want to do is to compare values obtained from participants to loop and merge fields. If any of the participants’ values is less than its corresponding loop and merge value, it replaces the piped text content of another loop and merge field with “1”. The reason why I want to do this is because I want to show participants the results of a simple algorithm (${lm://Field/9}). Let’s say the algorithm is supposed to predict whether a fictional person would be a good partner based on three pieces of information. I want to give the participants the chance to create rules upfront like if the fictional person is above a 7/10 in messiness then the actual algorithm’s prediction will be overruled and just replaced with “1”. I am pretty sure my code mostly works due to the console.log notifications. However, it seems to fail on the last part. I think the reason is that the piped text loop and merge field I want to replace with “1” does not have an HTML element ID and therefore

822
F
T
tmcounts
asked in Custom Code
Rank-Order Carry Forward using Embedded Data

I am designing a survey where respondents identify the sports they played in Q8, Rank them in Q9 (using carry-forward), and then I want to embed the rank #1 in a series of questions, and then repeat those questions for sport rank #2 and #3.Q8: Participants indicate number of years they played in sports (if at all) from a list of 17 different sports.Q9: Uses carry-forward items of chosen responses and ask participants to rank the sports in order of importance with most important sport ranked #1. [note it will only display the sports they chose from Q8 given the carry-forward]Q13: "How old were you when you began to play [sport ranked #1 from Q9]"Q30: "How old were you when you began to play [sport ranked #2 from Q9]"Q50: "How old were you when you began to play [sport ranked #3 from Q9]" I know I cannot use piped text because I need more than the highest value and lowest value. I only care about the top 3 ranked sports from Q9 for later use throughout the survey. Some of the research I'

6496
S
M
Level 2 ●●
MaggieGentryLevel 2 ●●
asked in Custom Code
How to change auto-advance by question/question response

How can I enable auto advance in the theme BUT disable on the last question/question block. I want people to be FORCED to answer a question but NOT autoadvance to close, after answer is submitted. Any javascript? Any HTML code? Or is there code for each block to autoadvance? Help! Update to my question. If yes is selected here, I want to autoadvance to next screen/closing. If no is selected, I don’t want anything to happen. So how do I implement autoadvance on the whole survey BUT only one response for the last question?

31811
M
Level 2 ●●
A
Level 2 ●●
ar03Level 2 ●●
asked in Custom Code
displaying images using loop and merge

I want to display a series of images with a slider question using the loop and merge function. I have loaded the image urls in field 1 but I am unsure what the html should be to get the images to show. I have tried this - ${lm://Field/1$} - but it is not working. thanks in advance for any help

5759
G
A
adunlap
asked in Custom Code
Tracking use of hover or pop-up text

I am developing a survey that has respondents rank a list of terms. They can currently hover over the terms in the answer choices to see a definition of the term. (I used these instructions: https://osvaldas.info/elegant-css-and-jquery-tooltip-responsive-mobile-friendly) I need to be able to track which respondents access the definitions while taking the survey. I think it would be easier to have them click on the text for a definition (instead of hovering) and track whether they clicked on the text but I'm not sure how to do this. Thanks in advance for any advice! -Adrienne

481
Phillsh
Level 1 ●
S
snaegelen
asked in Custom Code
Loop & merge code not working

I am looking to create a loop and merge for one question with 60 images. I’m entering the codes correctly (I think) but there isn’t anything showing up when I preview the survey. The code itself (${Im://Field/1}) disappears. Does anyone have any idea why this is happening ? Here’s what I uploaded in the loop & merge : I have a free account, could this have anything to do with it?

541
N
Level 2 ●●
L
Louise_hrs
asked in Custom Code
Date Picker w/ data validation

I'm using the Qualtrics survey to ask about the event date so that they can pick it up on a calendar. I want it to be the one that actually displays a calendar as opposed to the others that have drop-downs. The dates available for selection should start from 14 days after the date they fill out the survey. The user should not be able to choose a date within 14 days from today. How should I do that?

70615
Deepak
QPN Level 8 ●●●●●●●●
L
Level 1 ●
Lee783Level 1 ●
asked in Custom Code
Line Break for custom text on Next Button

Hello, I added a privacy notice for my survey and added a custom text on the next button saying “I consent to the processing as described above and will participate in the market research study”. Unfortunately the text is quite long and not fully displayed on mobile. How can I add a line break? If I do it with HTML, then this code is shown as button text, but no line break is executed. FYI: I have a customized survey layout with logo and customized colors for buttons, maybe this has an influence Thanks & best, Laura

1329
L
Level 1 ●
X
xanne
asked in Custom Code
How do I change the spacings between the scale points in a matrix likert scale?

Hi, I'm trying to change (decrease and increase) the spacings between the scale points in a matrix likert scale. Does anyone know how that works?

6225
T
P
polyama
asked in Custom Code
One region in Hot spot question

Is it possible to allow only one region selected in Hot spot question, and unselect when another region is selected? Like in a multiple choice question which allows one answer?

4465
G
Level 2 ●●
H
hx2022
asked in Custom Code
Adding a button to listen to a recording of the question

Hello, I would like to introduce in my questionnaire the possibility to listen to the question, for example by clicking on a button next to each question which contains a recording of the question (which we could make previously for example)Is this option available on qualtrics? Does someone know the code? Thank you very much in advance

9986
K
Level 1 ●
dtyler
dtyler
asked in Custom Code
Check user selectIon against a lookup table, write other values in that row to embedded data

TL;DR Create a VLOOKUP equivalent in Qualtrics? --------------- I have several surveys that are similar, but with various tweaks. There are about 12 surveys now, but that could grow to 30+. Instead of having several different surveys that are all similar, I'd like one survey that is customized based on the user's response to the first question. (The surveys are about sport leagues, so you'll see some of that language in here.) For example, if the user selects "MLB" on page 1, I'd like to show survey Blocks A, B, and C. But, if the user selects "EPL," the user would see Blocks A, B, and E. I could build a bunch of if/then logic statements into Qualtrics to accomplish this, but that seems horribly inefficient. It's also more rigid than I'd like, since when I make changes in the future I might want the "EPL" respondents to see Blocks A, D, F, and K. My idea is to create an embedded field that corresponds with each Block (e.g., "blnShowBlockA", "blnShowBlockB", "blnShowBlock_"). If the Blo

3919
BDT
K
Kara_C
asked in Custom Code
Make hot spot exclusive

Hello all,I am making a "hot spot" type question where people will have to select one rung of a ladder. I currently have a validation set so they can only move on once they've selected one, and only one run. I was wondering if there is a way to make the selection exclusive (like in multiple answer, multiple choice questions), such that if a participant selects one spot but then decides they want to select a different one, it will automatically deselect the other spot. Thank you!

772
G
Level 2 ●●

Motivational Playlist

Terms & Conditions