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,883 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

Hilaryacd

asked in Custom Code

Default choices for a multiple choice question with multiple answers using embedded data

How can I setup a multiple choice question where multiple answers are possible and default choices are selected based on the contact list? I also want to be able to display all the possible choices and only have the relevant choices based on the contact list.

661

7 months ago

danlu

posted in Custom Code

How to make Columns Exclusive in Side-By-Side Questions?

Hi everyone,I've developed a survey that looks at the connections between members of two groups in New Zealand. I have a side by side question (see below) that asks to rate the stability and strength of the relationship, giving the option of selecting NA if not applicable or No relationship if there's no relationship. "No relationship" and "not applicable" should be exclusive: If there is no relationship then it can't be strong or stable. How do I do that? I've tried some options but they didn't work. Any help would be much appreciated!Thanks,Lucia

Auto-advance on one block affecting advancement on future block.

The survey I’m developing has two blocks in close proximity to each other. These blocks both have Timing questions.The Timing question in Block A (the first block) has “Display ‘submit’ after 300 seconds” and “Auto-advance after 600 seconds” enabled. So participants are not able to proceed to the next block before 5 minutes have passed. If they finish after 5 minutes and before 10 minutes, they may proceed to the next block voluntarily. If 10 minutes have passed, the block will auto-advance.The Timing question in Block B (the second block) has “Display ‘submit’ after 300 seconds”. However, when previewing my survey (and in one case of running my survey), the block auto-advances. Based on timing, I have basically confirmed that Block B is auto-advancing based on the “Auto-advance” feature in Block A. I looked online for answers. The only solution that seemed viable was to use Qualtrics.SurveyEngine.addOnPageSubmit(function() { clearTimeout(to); // Clear the timer to prevent auto-adva

261

7 months ago

MatHagerQualtrics Employee

asked in Custom Code

Turn OFF Autoadvance option for last question in survey

posted in Custom Code

How can I translate embedded data?

Hi everyone, I've seen various questions about translating loop & merge fields, but not about embedded data. I have a survey that has embedded variables piped into the question text. I would like those variables to show up translated based on whichever language they select, and want to avoid creating 6 different versions of the question to display based on langauge selection. I believe there's a solution that involves creating a hidden first question with answer choices that are each of the field's translated, for e.g.:[hidden question] Q1answer choice 1: helloanswer choice 2: holaanswer choice 3: bonjourBut I'm not sure how to then pipe this into a later question based on language selection. Or, if there is a different solution that would be great. Thank you in advance for your help!

54212

7 months ago

HelpMeOutLevel 2 ●●

asked in Custom Code

How can I reverse code SOME of my items in a matrix table?

I’ve seen in some older forum post that note it is not possible, however I still want to ask in case there has been an update to the platform….Is there any way to reverse code SOME items in a matrix table? I have about 10 items ranging on a Likert scale of 1 to 6. However, some of these items need to be reverse coded. Is there a function that allows me to do so?Or do we have to manually reverse code after exporting the data?

Slider question: How to hide anchor and prevent values disappearing?

I added code that hides the anchor on a slider scale until participants select a value themselves. However, in questions where response is "requested" or "forced", if the participant leaves something empty, the values they did actually fill out disappear. How can I fix this? See comment linked below for details:Specifically: Hi all - Is there a way to modify this code so that it works for questions with required response? Currently, if a respondent tries to skip the question, and an error message appears, then the slider handle disappears on answered questions... Is there a way to keep the handle where it was for the answered questions? Thank you.

Need Help with Scores Returning as 0 Despite JavaScript Variable Calculation

Subject: Seeking Assistance with Calculating Variables in Qualtrics Survey TaskDear Community,I am seeking specific guidance and support regarding challenges I am facing in accurately calculating variables within my Qualtrics survey task. I am encountering an issue where all scores are consistently returning as 0 during data analysis, despite implementing JavaScript code for variable calculation.Here's the JavaScript code snippet I've been using within my Qualtrics survey task:```javascriptQualtrics.SurveyEngine.addOnload(function() { let trials = {}; let totalGoTrials = 0; let totalResponseTimeGo = 0; let omissionCount = 0; document.addEventListener('keydown', function(event) { try { if (event.code === 'Space' && !event.repeat) { const wordElement = document.getElementById('word'); if (wordElement) { const word = wordElement.textContent.trim(); const responseTime = performance.

Remove lines with no answers in workflow email

Used a workflow email task on a loop & merge project to generate a report for a project using pipped text. It needs to be in a very specific format and that was the easiest place I found to do it (the report builder is NOT user friendly). This is what it comes out looking like:NAME EducationDegree information:Enter information for one degree at a time, these questions will loop for you to enter the same data for each degree you've earned., vibes, usf, 2001Ph.D., fun, usf, 2023, , ,, , , Academic and Professional Experienceusf, eve, advisor, 2001 - 2003, , , -, , , -, , , - Can someone help me figure out how to code this so those extra lines arent there? If the loop stops, the extra commas and lines aren’t needed. How do I get it to just show if there is data/loop??this is what my pipped text looks like:${q://QID26/ChoiceGroup/SelectedChoices}Education${q://1_QID5/ChoiceGroup/SelectedChoices}, ${q://1_QID2/ChoiceTextEntryValue}, ${q://1_QID3/ChoiceTextEntryValue}, ${q://1_QID4/Choic

160

7 months ago

jMakinLevel 2 ●●

asked in Custom Code

Simple Layout SBS with 1 statement. Override the CSS width

Hi All,In Simple Layout i have a generic SBS table with 3 statements. In Custom CSS i have set a max-width of 85% since that suits the content. These SBS have been simply formatted.I also have a series of simple 2-choice Multiple choice questions BUT to maintain the stylistic look of the survey i am trying to make those MC questions into a single statement SBS. It makes the whole form look consistent.BUT, with only one statement how do i override the CSS and make those specific questions more compact?i have tried css to target the specific question #QID156 but haven’t found the correct element names.Also, i don’t need a Statement header so i have just called it ‘ ‘ ie: a single press of the spacebar, but i’m wondering if i can minimise the height of the statement header.Currently it looks like this at 85% page width. 50% would look much better.Cheers.

How to change the stars in a slider question

Hey hey - I need CSS code (or an alternative means) of changing the stars in the slider question. I want to change the colour (#018067), position (centralised with NO caption to the left) and size of the stars.Don’t know where to start with code and ChatGPT has so far not helped! Thanks

1354

7 months ago

niels_26Level 1 ●

asked in Custom Code

Hidden mandatory fields

Hi,I’m using JS to hide and show fields, depending on some logic before. Due to some circumstances I can’t use the standards of Qualtrics (display logic etc.).Now I’d like to add some mandatory fields. Unfortunately the system behaves the way it should: It asks for the mandatory answer, even though the field is currently hidden. Does anybody know:Is there a way to programmatically make a field mandatory? Or skip mandatory check when a field is hidden? Or add some JS mandatory check without using Qualtrics mandatory rules?Would be great to get in discussion with you :-)!Thanks!

311

7 months ago

arezzoLevel 1 ●

asked in Custom Code

Custom code for commentaries below stars scale

Hi people. Is it possible to adjust whenever a customer chooses 1-3 stars, open a box below the item to leave a comment specific about that subject? Like this:

Random assignment and quote

Hi, I have a transcript that I want participants to rate. I want exactly 10 ratings per transcript. THere are 50 transcripts. How do I ensure there are 10 ratings per transcript of 50 transcripts that are randomly assigned?

"Delay Showing Submit Button" actually auto advances

I’m encountering a glitch on Qualtrics, and I don’t know if this is known, documented, or expected.Basically, I have a block with 2 questions that are causing me some trouble. Question 1: A timing question. I want the “Next” button to appear only after 5 minutes have passed, so I enabled the “Delay showing submit button” under “Timer Settings” and enabled the “Display submit” after 300 seconds (5 minutes). Question 2: A text entry question. I want participants of this survey to enter a paragraph(s) of text. Here are the issues I’ve been encountering:The primary issue: I initially set a validation (“text minimum” of 50 characters) for Question 2. It seems like if the 50-character minimum was met, the block would auto advance after 5 minutes even though “Auto advance” under the Timer Settings is disabled. It seems like even after disabling ANY validation for the text entry question, the question auto advances after 5 minutes. The issues I observed above appeared in Preview mode and whe

652

7 months ago

dylanpa22Level 1 ●

asked in Custom Code

Custom Validation in JavaScript for Highlight Question

Hello!I am currently trying to write a JavaScript with two different validations for a highlight question. The current code I have does not work.Can anyone please tell me what’s wrong?Qualtrics.SurveyEngine.addOnload(function(){ // Get the highlight question container var highlightQuestion = this.getQuestionContainer(); // Add an event listener to the container to detect changes in highlighted categories highlightQuestion.addEventListener('change', function() { validateCategories(); }); // Validation function for both categories function validateCategories() { // Get the number of selected sentences for each category var mis_sentences = highlightQuestion.querySelectorAll('.ChoiceStructure[data-qcid="most important sentence"].Selected'); var smis_sentences = highlightQuestion.querySelectorAll('.ChoiceStructure[data-qcid="second most important sentence"].Selected'); var mis_count = mis_sentences.length; var smi

220

7 months ago

OHCS_analyst

posted in Custom Code

How do I integrate a lookup table in Qualtrics

Hello!I am trying to create a form in Qualtrics that users will be able to input their zip code and it will tell them whether their zip code is urban or rural. I have a lookup table that contains the zip code and urban/rural designation, however I am not sure how I can do this in Qualtrics. I basically want to be able to create a vlookup style function in Qualtrics. Anyone have any ideas?Thank you, -Willy

CSS code to show labels below NPS question

I’m using the javascript code that @TomG kindly provided here to show a custom NPS question scale that runs from 0 to 6. It works beautifully.However, I’d like to put the words “Not bothering me” and “Bothers me greatly” plus an image below the scale at opposite ends. In other words, I don’t want any labels above the NPS question scale.Can anyone help this non programmer with altering TomG’s code below to do this? Many thanks.Qualtrics.SurveyEngine.addOnload(function() { //Market In View LLC //Change NPS question scale var scaleStart = 0; //Change - 0 or more and no greater than end var scaleEnd = 6; //Change - 10 or less and no less than start //No changes below var width = 100/(scaleEnd - scaleStart + 1) + "%"; var q = jQuery("#"+this.questionId); var cc = q.find('td.ControlContainer'); q.find('td.LabelContainer').each(function(index) { if(index<scaleStart || index>scaleEnd) { this.hide(); cc[index].hide(); } else { this.setAttribute('width', width); cc[index].

1856

7 months ago

hellolemonLevel 1 ●

asked in Custom Code

Javascript not working on iphone

I colour coded the NPS scale using Javascript.It works as intended on desktop and android mobile devices but not for Iphone.On Iphone, respondents can see the colour coded scale but cant select them. Please advice. Qualtrics.SurveyEngine.addOnReady(function(){ /*Place your JavaScript here to run when the page is fully displayed*/ for (var i=1;i<=11;i++){ jQuery("td:eq("+i+")").find('label span').css("color", "#ffffff"); } for (var i=1;i<=7;i++){ jQuery("td:eq("+i+")").find('label').css("background-color", "rgb(255,0,0)"); } for (var i=8;i<=9;i++){ jQuery("td:eq("+i+")").find('label').css("background-color", "rgb(255,165,0)"); } for (var i=10;i<=11;i++){ jQuery("td:eq("+i+")").find('label').css("background-color", "rgb(60,179,113)"); } });

One link with multiple surveys

Hi all, I was wondering if it is possible on Qualtrics to create one question with links to other qualtrics surveys (kind of like a 'homepage'), and after participants complete any of the surveys they are redirect back to this homepage. Specifically, we have four experiments and participants are allowed to click on any of those experiments that they want complete. Once they finish, they should be redirected to the start page so that they can choose any of the other experiments to complete. Any help on this would be greatly appreciated.

Constant Sum and Piped Text - validation error

Hello,I am hoping to get help with a constant sum question error.I am using piped text as default choice in my constant sum question statements and I have made one a negative (so I added a “-”). I am basically looking to subtract expenses from Income (both answered in prior questions) automatically for the user. The calculation and piped text work perfect but when I go to proceed in survey I get a “Please enter valid number” error message due to the piped text. Is there custom code to ignore the validation for a constant sum question? I have no validation on. Any help would be greatly appreciated, I am not familiar with coding and JS.thank you!!

How do I disable the next button until the last carousel question is answered?

Hello, I am very new with Qualtrics and javascript.Is there a way for my next button to hidden until/appear only after the last carousel question is answered? Has anyone written a similar script and could help me with it?

89311

7 months ago

JonLevel 2 ●●

asked in Custom Code

Assign pre-generated username and password to participants

I am using an anonymous link to recruit 1000 survey participants from the web.I want to provide each participant with a unique username and password that has been pre-generated. Of course, I do not want two (or more) participants to have the same username and password.I have considered uploading the username and passwords in a contact list, but I do not have a way to link the usernames and passwords in the contact list to each individual participant because the recruitment will be anonymous.To link the usernames and passwords to each participant, I have considered assigning the 1000 pre-generated usernames and passwords with a unique value between 1 and 1001 and subsequently assigning participants to a unique embedded data field value between 1 and 1001 when they enter the survey. I would then be able to provide each participant with the unique username and password that the value is associated with.However, the only way I know to do this would be to use the random integer function, an

Change Color of Progress Bar Text

I need to change the colour of the text used for the progress bar. I’ve successfully changed the background and foreground colours of the bar itself but have been unsuccessful changing anything to do with the font, be it size or color etc What is the name of the piece I’m trying to change? In the inspector the actual text is just in unnamed <td> cells. The overall container seems to be called ProgressBarContainer but nothing I’ve done effects it I thought maybe one of the two below would work but they have no effect: .Skin .ProgressBarContainer {color: red} or .Skin .ProgressBarContainer {font-color: red} I have also tried the solution posted here to no avail:

2619

7 months ago

BobDixon

posted in Custom Code

How do I take data passed from JSON body and use as embedded data in piped text fields in a survey?

I am triggering an event using ServiceNow where the post to Qualtrics contains a JSON body with certain fields like first name, last name, etc. I need to know how to use this data in my survey. I can see the JSON body received using the capture event data function under my event. It looks to be well-formed as compared with the example shown on Step 3 here (https://www.qualtrics.com/support/survey-platform/actions-module/json-events/). I have defined a Set Embedded Data block in my Survey Flow with the fields that I need to use. Finally, I use the piped text fields in my survey items to insert those fields. However, when the survey comes through, there is no data in the fields. The survey items just show a space where the field data should be. So, instead of "Hi Bob, would you please answer..." I see "Hi , would you please answer..." I have called into support and they are searching for an answer but I thought someone here may have encountered this already. Thank you, -Bob

881

7 months ago

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