Developer Corner | XM Community
Skip to main content

Developer Corner

Discuss developer and custom (HTML, CSS, Javascript) solutions, best practices, & more

9390 Topics
D
Level 2 ●●
dduarteLevel 2 ●●
asked in Website & App Insights
Set value to embedded data using Javascript on a website intercept

Hello, We are currently working on setting up an embedded data value using Javascript for a web intercept. The thing is that we are using an in-site embedded intercept (see first image below), but we can’t find how to code the Javascript function in order to set its result to be the embedded data value (see second image and code below). Qualtrics.SurveyEngine.addOnUnload(function() {Qualtrics.SurveyEngine.setEmbeddedData( 'q_test', "testing" )}); Is it possible to set the embedded data value this way? Best, Daniel

7154
Y
L
lks
asked in Custom Code
Qualtrics Javascript only working in 'preview question' not survey preview

Hi there, I have used Javascript to remove the rating scale for the last row of my survey question. In ‘preview question’ it looks how I want it, like this: However, when I preview the survey, it still looks like this: I have also published a copy of the survey and the rating scales appear there too. The JavaScript I have used is as follows: Qualtrics.SurveyEngine.addOnload(() => { const questionContainer = document.getElementById("QID41"); if (questionContainer) { // Select all radio button inputs within the container const radioButtons = questionContainer.querySelectorAll("input[type=radio]"); // Convert NodeList to array and get the last 2 radio buttons [...radioButtons].slice(-2).forEach(radio => { // Disable and hide the radio button radio.disabled = true; radio.style.display = "none"; // Find the associated label using 'for' attribute const label = questionContainer.querySelector(`label[for="${radio.id}"]`); if (label) { label.style.display = "none"; } }); }}); Qualtrics.SurveyEn

463
C
Level 4 ●●●●
P
Level 2 ●●
preichowLevel 2 ●●
asked in Qualtrics API
Chrome Warning that Qualtrics using a deprecated feature: Unload event listeners are deprecated and will be removed.

Hi everyone, Google Chrome is saying that the one of the JS files served by Qualtrics is using an unload event listener that will soon be deprecated. The file: https://siteintercept.qualtrics.com/dxjsmodule/8.29a12639f19bc166d5bc.chunk.js?Q_CLIENTVERSION=2.21.0&Q_CLIENTTYPE=web&Q_BRANDID= The offending line; e.addEventListener ? e.addEventListener(t, n, !1) : e.attachEvent ? e.attachEvent("on" + t, n) : e["on" + this.capFirst(t)] && (e["on" + this.capFirst(t)] = n)) Does anyone know if Qualtrics is going to address this? I searched for this on Google and only found one results that wasn’t really related. I can’t believe we’re the only company on this planet with this issue.

843
AlonsoC
Administrator
J
Level 1 ●
jmcmummeyLevel 1 ●
posted in Custom Code
Qualtrics survey engine appears to be running twice (at least in preview)

This behaviour has been fouling a more complicated survey, so I tried with only a single question. I have added javascript to my questions as follows: Each of these functions appears to be getting called twice in preview mode. Here's what the console looks like: So OnLoad then On read is run (x2) then onunload (x2).This means that any variables that I'm assigning are getting cleared null and causing major complications with my more complicated survey. This behaviour just doesn't seem kosher - any ideas on what's happening? I think it might be a JTE thing?Regards,Jesse

3456
R
Level 1 ●
M
madisonkspencer
asked in Custom Code
Add a dollar sign to a sliding scale question

I would like to add a $ sign to the scale so that people know it is $0-$20. How do I do this?

91
vgayraud
QPN Level 5 ●●●●●
Z
zjnnnjz
asked in Custom Code
CSS - center align my entire survey

Hi there, I am building a survey with custom CSS. Below is part of my syntax: body {margin: 0;padding: 0;display: flex !important;flex-direction: column !important;align-items: center !important;}.content {display: block;width: 100%;margin: 0 auto !important;max-width: 800px;} I noticed that this CSS can centre my survey, but only if I set the max-width to be around or below 800px. However, when I try to increase the max-width, for example, to be 1200px, then this CSS doesn't work and my survey becomes left-aligned. Can I ask how to solve this alignment problem, as I want to increase the width of my survey content and keep the entire survey to be centred. Many thanks in advance! Any insight would be greatly appreciated.

100
Z
S
SPGold at Work
asked in Custom Code
Loop and Merge - Not choose options

Hello. I want to do a Loop and Merge but have it NOT select some of the responses. Question 1: What is your favorite sport to watch on TV? Select all that apply. *Baseball *Basketball *Boxing *American Football *Hockey *MMA/ UFC *Soccer *Tennis *Other (with open text field) Question 2 Who is your favorite team for [Loop and Merge]? I do not want the Loop and Merge to ask for Boxing, MMA, Tennis, or Other. So if baseball and Boxing are both selected, it will not matter what go to baseball. Or if someone says Hockey, MMA, and Soccer, it will only choose between hockey and soccer. How do I set it up? Thanks!

141
O
QPN Level 5 ●●●●●
C
Level 2 ●●
ccosartLevel 2 ●●
asked in Custom Code
Simple Layout - No JQuery?

I fear I know the answer, but just to be sure: We are converting a survey to Simple Layout. In the Authenticator Prompt message we have some JQuery we use to make some edits to the Authenticator page. Hiding progress bar, moving some divs, etc. As far as I can tell this no longer works on simple layout, even after changing css id and class references to match the new ones used in Simple Layout. I’m hoping that I’m just being dense and can’t figure out the code, but if someone can confirm that we can’t use Jquery on the authenticator page, I can move on to finding an alternative solution. TIA!

84710
N
AnneG
Level 3 ●●●
AnneGLevel 3 ●●●
asked in Custom Code
Apply custom css which is working for 1 question (color upon hover) to all multiple choice questions on survey

Hi there. I was able to figure out from posts here how to get my first question looking just the way I wanted (different color on hover for 4 of 5 options for multiple choice question) but I am stuck on getting this to apply to the rest of the survey questions. Below is what I have working for question 1. I tried simply duplicating these lines and updating to the correct QIDs for the additional questions on the survey (not ideal) but that didn’t work at all. Is someone able to help me rework this so that it will automatically apply to all multiple choice questions on my survey? Thanks!! .Skin label.MultipleAnswer, .Skin label#QID1-0-label.SingleAnswer:hover{background: #ed6960;}.Skin label.MultipleAnswer, .Skin label#QID1-1-label.SingleAnswer:hover{background: #f7c1b8; }.Skin label.MultipleAnswer, .Skin label#QID1-3-label.SingleAnswer:hover{background: #d9ebae;}.Skin label.MultipleAnswer, .Skin label#QID1-4-label.SingleAnswer:hover{background: #8dd964;

236
AnneG
Level 3 ●●●
J
jennipearson
asked in Custom Code
Is there a way to put a time limit on the prevent ballot box stuffing tool?

Hi, I am using Survey Signal and Qualtrics to conduct an intensive longitudinal study. Participants receive 5 texts/day with an anonymous links to the same Qualtrics survey. Somehow, participants are completing multiple surveys back-to-back. I would like to prevent participants from taking the same survey within 29 minutes of completing the last survey. Is there a way to do this? The prevent ballot box stuffing tool doesn't work for me in this case because I DO want participants to answer the same survey 5 times/day - just not back-to-back. Thanks!

224
hinchja
Level 1 ●
Oxy
Qualtrics Employee
OxyQualtrics Employee
posted in Integrations
Passing embedded data to Salesforce issues

If you are experiencing issues with passing embedded data to Salesforce from Qualtrics, here are some steps to troubleshoot on your own before contacting Support. First please make sure that the Salesforce integration is correctly set up in Qualtrics. This includes verifying the connection between Qualtrics and Salesforce and ensuring that the necessary permissions are granted. In order to refresh the Salesforce account you can click on the Salesforce trigger/task, click “Back” if needed and click on refresh. If it doesn’t help you can also remove the account and add it again. Here you can find the requirements of the Salesforce Account/Environment. Secondly, ensure that the embedded data fields are correctly configured in the survey flow. The embedded data fields should be set before the respondent encounters any logic or questions that depend on them. To ensure your embedded data is transferring correctly to Salesforce (SFDC) from Qualtrics, start by verifying it within Qualtrics its

50
Oxy
Qualtrics Employee
K
kendrouillard
asked in Integrations
Send Survey via Email workflow task confusion

We have used the XM Directory > Distribute survey workflow functionality successfully for a couple years, and it’s being deprecated and replaced with this new task. Problem we’re having is it seems impossible to just send an email to a single person as in the old way. Our workflow is triggered by a Salesforce Outbound Message task, from which we establish first name, last name, email, external ID and other metadata. Step 2 is to send a survey to the email from step 1 and use other metadata for personalization, which the XM Directory task did perfectly. With the new task, the options for grabbing data from step 1 are unclear and after much trial and error, I can’t figure out what combination of piped text will accomplish the simple goal. Having to enter IDs for Directory and List (and Contact) feels like I’m doing it all wrong. Hoping someone here can assist, thanks in advance!

273
AlonsoC
Administrator
L
Level 1 ●
LisaNguyenLevel 1 ●
asked in Custom Code
Using JavaScript to Calculate Lowest 3 Category Scores

Hi all, Looking for someone with JavaScript knowledge to help me with my custom script (I have no experience, I just learn by figuring the code out visually in this case). Essentially the survey has 6 categories. The user will answer a quiz with questions under those categories and score accordingly. We want the end of survey message to calculate the user’s lowest 3 category scores so we can send a customised message to recommend courses in those categories for the user to take. My issue is that the calculated lowest 3 scores do not appear and I’m not sure why. Appreciate any assistance on this :) Sample message: Thank you for completing the survey! Based on your responses, we've identified the three categories where you scored the lowest. To help you improve in these areas, we recommend the following courses: [Category 1]: [Course Recommendation] [Category 2]: [Course Recommendation] [Category 3]: [Course Recommendation] Here is the code I have currently, as a question at the end with

9220
L
Level 1 ●
F
FarisMahadin
asked in Integrations
Intercept suppression rule

I have two intercepts collecting feedback from the users on a website page, I want to add a suppression rule that prevents the two surveys from showing at the same time even if I set up the display rate for both to 100%, how can I do that? I tried adding intercept → Survey Name → in this zone HAS NOT BEEN SEEN → in the last 60 Days but it’s not working

150
F
kgillis
Level 4 ●●●●
kgillisLevel 4 ●●●●
asked in Qualtrics API
Mass close tickets

Is there a way, maybe with an API or something, where I could go in and mass close tickets? My org has thousands of tickets that are active from surveys that took place years ago - nobody is actually going to go and close really old tickets.

111
nryalls
Level 3 ●●●
V
Vasundhara
asked in Qualtrics API
Translation

I tried changing 'next' and 'practice' buttons to match the language. But Qulatrics is by default applying the translation of the above words to the ENG survey as well.

81
TomG
Level 8 ●●●●●●●●
N
Level 1 ●
norikazukuriiwaLevel 1 ●
asked in Custom Code
Validation code that 'Next' button is pressed

Hi. I would like to insert code to validate the values of the UI on the page when the Next button is pressed. Could you please provide some advice?

9210
TomG
Level 8 ●●●●●●●●
L
LeoMan
asked in Custom Code
Qualtrics Feedback button - Mobile

The Qualtrics feedback button on mobile present the close option ‘x’ outside the container. This is proving to be problematic with some iOS devices as the ‘x’ option appears outside the display frame. Is there a way to change the position of the ‘x’ through custom coding and have it appear within the container itself? (See attached images for reference)

130
L
O
Level 2 ●●
OBhLevel 2 ●●
asked in Custom Code
Building the response in a particular structure.

Hello All, Please let me know if the following can be done in Qualtrics. I have 20 questions. 12 of them are conjoint questions (Multiple choice). The Conjoint Question looks as follows: The first row is for SMS availability, second for color, third for display and last one is price. Suppose a respondent chooses the third choice. Usually the output in Qualtrics would come as : Question# Choice 3 It is possible to get the output as following ? If a straight approach is not available may be JavaScript would be needed. Any help would be appreciated. Thanks

364
O
Level 2 ●●
A
AlexaW
asked in Custom Code
How can I change the preview image for a survey link?

When distributing survey links via WhatsApp, etc., the link preview image that shows up on the recipient's device is the Qualtrics XM logo. I know you can change the text that previews the link to something more relevant under Survey Options General Display Name & Survey Description, but is there a way to change the image that shows up with the link preview?

3844
T
R
researching_1234
asked in Custom Code
Autoplay audio after page loads, auto advance after the audio is done, but also end the audio when advancing to the next page

I am running a study where participants need to hear an imbedded audio clip once and then the page auto advances to the next question. Below is my current code. I had to do it this way because I wanted the page to advance after the audio ended but the built-in qualtrics auto advance option doesn't take into account the time it takes the page to load- basically I couldn't guess how long the page would take to load and I wanted the page to advance without delay. I currently have 2 issues. 1) I want to be able to advance to the next page early and have the audio clip end (so that we can skip the audio clips when we are testing the survey). 2) the audio clips sometimes aren't playing if the survey has been open/inactive for a little bit. I'm not sure where exactly problem 2 is coming from, but I have to assume it's from my current code. For more info, we have participants play a youtube video within the survey and that audio will work when the imbedded audio clips don't. I am not familiar

230
R
S
QPN Level 2 ●●
sonpageQPN Level 2 ●●
asked in Custom Code
Change placeholder text color

We used custom code to set up placeholder text in open end text boxes to prompt the user to provide detailed feedback etc. Is there a way to change the placeholder text’s font color? We are not sure what attribute/class it is to alter that, if it’s available at all. var placeholderText = 'Use this section for additional feedback.';jQuery('#' + qid + ' input[type="text"], #' + qid + ' textarea').attr('placeholder',placeholderText);});

442
S
QPN Level 2 ●●
R
Robert
asked in Custom Code
Change value of the progress bar

Is it possible to change the value of the built in progress bar with a simple javascript code? The current %-values of my survey give a wrong impression about the length, so I'd like to assign my own values.

106513
B
Level 1 ●
Q
Qualtrics_Newbie_789
asked in Website & App Insights
Grab product user details via an intercept when they respond to the survey

Hello, We are looking at adding an intercept to some of our products. I don’t just want to capture the feedback and high level data like we care capturing on our website. I want to be able to pull through user details name, company org etc from the product (they are logged in to the product) and push it into embedded data. How would I achieve this?

141
TusharDalwani
QPN Level 6 ●●●●●●
B
Level 2 ●●
baharsenerLevel 2 ●●
asked in Qualtrics API
String trucated during download

Hello, I have an embedded data field that has a large text string. The data saves fine, and is correct. When I download my responses though, the string is truncated. How can I prevent this?

173
TomG
Level 8 ●●●●●●●●

Weekly leaders

Search tags

Motivational Playlist

Terms & Conditions