Developer Corner | XM Community
Skip to main content
Michael_Cooksey
Administrator
22 days ago

Developer Corner

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

9417 Topics
A
avikram
asked in Custom Code
Deselecting other checkboxes if one is selected

Suppose I have a checkbox style question - "What fruits do you like?" and the options are: * Apples * Bananas * Oranges * Unsure I want to try and implement two functionalities: 1. In case the user selects "Unsure", then I'd want the other checkboxes to be deselected 2. If afterwards the user deselects "Unsure", then the selections made previously should reappear I need to necessarily figure out a way to implement (1). (2) would be a nice-to-have, but not wholly needed. Follows is the code, wherein I tried to implement this: jQuery("#QID10-4-label").click(function(){ if(jQuery("#QID10-4-label").hasClass("q-checked")){ //This will be implemented if the user has selected option 4 jQuery("#QID10-1-label").prop("q-checked", false); jQuery("#QID10-2-label").prop("q-checked", false); jQuery("#QID10-3-label").prop("q-checked", false); } else { //This will be implemented if the user has deselected option 4 //Ideally I'd want to be able to reselect those options which had been previously select

2394
courtrc
Level 3 ●●●
G
gspadaro
posted in Website & App Insights
Solutions needed for: Open AI Operator filling out questionnaires instead of humans

I've recently learned from a colleague and from a post on X (https://x.com/Ingar30/status/1900096859697262976) that Operator, a new product developed by Open AI, can simulate participants’ responses on Qualtrics survey. For things that are not directly fillable by AI (e.g., some Captcha or comprehension questions), Operator gives the possibility to the user to take control of the survey and respond on its behalf. This make useless some of the measures that are usually recommended to deal with bots. It was quite shocking to see how easy it is to fill out a survey with this system and this might have severe consequences for the quality of the collected data. I would like to know whether there are any measures Qualtrics is taking to minimize this issue or if other users have developed some measures. Thank you and all the best, Giuliana

391
AlonsoC
Administrator
P
Level 1 ●
priyakrishnanLevel 1 ●
asked in Qualtrics API
Looking for developer for API integrations - Qualtrics, Google Sheets and Twilio

We are urgently looking for a developer to create an API integration with Qualtrics, Google Sheets and Twilio. Please contact me over phone or WhatsApp if you can help. My number is +351932830898

181
AlonsoC
Administrator
E
Enrico
asked in Qualtrics API
How to extract all ProjectID with API

Hello everyone, I'm looking for a way to bulk extract the project IDs of my EX projects. I would like to know if there is an API similar to https://fra1.qualtrics.com/API/v3/surveys. I have read the documentation but haven't found anything about it. Thanks for the help, Enrico

60
E
N
nstrebig
asked in Custom Code
Custom Theme Color is not showing correctly due to "new survey-taking experience".

We have a custom theme with our brand colors within it. Since updating to the new survey experience, color #73C3D4 is not longer showing correctly. Reaching out to support they mentioned it was due to a WCAG update which requires colors to be at least a 3:1 comparison. It was then noted you can override this with a custom CSS configuration. Looking for help to get our theme displaying the correct brand color.

50
N
L
LMJ
asked in Custom Code
What Custom CSS for Browser Tab Icon?

What CSS code do I use to enable our own logo / icon to appear in our survey browser tab, instead of Qualtrics' XM logo?

1964
M
Level 1 ●
M
MCGI
asked in Custom Code
Adding a Calculator to Survey

Hi, I am trying to add a calculator in to be displayed near a question for the respondent to do their own math and input an answer but I have very limited coding experience. How would I do this?

6867
T
O
Level 2 ●●
OBhLevel 2 ●●
asked in Custom Code
Sending a Different End-of-Survey Question to Every 50th Participant in Qualtrics

Deal All, I need to show a different end-of-survey question to every 50th participant in my Qualtrics survey. I cannot ask for their email or name or any information. They have to submit a worker ID. I think I have to know the number of times someone has reached the end of survey. 1st to 49th person will get EOS message 1, then 50th person will get EOS message 2, 51st to 99th person get EOS message 1, 100th person gets End of message 2 and so on. Please let me know how it may be possible. Any help is appreciated. Regards, O

161
J
Level 4 ●●●●
B
benthomas
asked in Custom Code
How can the close button size be increased?

We’re using the Qualtrics SDK in an iOS app and some users have reported that the close button is very hard to hit. My guess is the button is only as big as the X/cross image. Is there a way to increase the size of the hit area, or the size of the X, to make it more easy to press?

70
B
M
Level 2 ●●
MaxLovellLevel 2 ●●
asked in Qualtrics API
Aligning API responses for Survey Definition and Export Response endpoints

I have noticed that the survey-definitions/{id}/questions endpoint (https://api.qualtrics.com/5d17de1a27084-example-use-cases-walkthrough#retrieve-an-existing-survey) returns question names that don’t align with the export-responses endpoint (https://api.qualtrics.com/6b00592b9c013-start-response-export). For example, when querying the survey definition, I have a question with QuestionID: QID1, DataExportTag: Email, QuestionType: TE, and then when exporting this response the field is actually called Q1D1_TEXT. At the moment it looks like I will need to detect what the question type is and append the expected type to the question ID myself. Probably _1, _2... for multiple choice, matrix, rank, etc, and _TEXT for text entry. Is there a list of what suffixes I will need to do this, or a better option for finding the export names in advance? If not, surely these should align in some way, and surely there shoud be a field in the survey definition which actually gives you the name or names o

121
M
Level 2 ●●
O
Level 2 ●●
OBhLevel 2 ●●
asked in Custom Code
Randomizing groups of questions within a block

I have the following setup in Qualtrics: Statement 1 Question 1.1 Question 1.2 Question 1.3 Question 2.1 Question 2.2 Question 2.3 Question 3.1 Question 3.2 Question 3.3 I have them all in one block because all the questions needs to be displayed in one page. I want to randomize questions 1, 2 and 3. This means Q1.1, Q1.2 and Q1.3 will appear together always. Similarly Q2.1, Q2.2 and Q2.3 will appear together. And finally, Q3.1, Q3.2 and Q3.3 will appear together. But the sequence in which the question groups (Q1, Q2 and Q3) appear will vary. For example one respondent will see the question sequence as below: Statement 1 Question 2.1 Question 2.2 Question 2.3 Question 1.1 Question 1.2 Question 1.3 Question 3.1 Question 3.2 Question 3.3 Please let me know. Thanks, O

11717
O
Level 2 ●●
Goldie
Qualtrics Employee
GoldieQualtrics Employee
asked in Custom Code
PDF exports for ALL responses

In the Data & Analysis tab, you can export a single response to a PDF. Is there a way to export all responses to PDF instead of going through each one individually and saving and/or printing?

554741
K
L
laneo
asked in Custom Code
Custom Coding a searchable dropdown menu, issue with array

Hello, for work I have been building a dropdown with around 600 elements, and was asked to make it searchable so that anyone taking it would not have to scroll for ages. I was able to get it all to work, except when I try to have all 600 in the array, towards the bottom it just switches from the red element text, to black. This means it is not able to identify those last 50-100 elements when searching, and I am not sure how to get them all to work. I was wondering if anyone knew a workaround? I am assuming it is something to do with a character limit or memory. Below will be the coding I used, but I cannot list the actual array for privacy. I did try to concat the array with a secondary one of the blacked out elements, but then it would not register any elements. Please let me know your ideas, thanks! <p> </p>Award Test <style> body { font-family: Arial, sans-serif; color: #000000; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } #search-input {

140
L
Y
yramirez
asked in Integrations
Qualtrics to SuccessFactors Integration Issue converting in PKCS8 format

Hello Community, We are encountering an issue with our integration between Qualtrics and SuccessFactors. The error message we receive is: "Unable to load key." Trying to convert to PKCS8 format the a public and private key pair generated with the "Generate X.509 Certificate" button in the Manage OAuth2 Client Applications.Has anyone experienced a similar problem or have suggestions on how to resolve it? Kind regards

30
Y
P
Level 1 ●
pablotvLevel 1 ●
asked in Custom Code
How can I change the primary color of all elements (radio buttons, checkboxes, etc.) according to an embedded variable?

In the company where I work, we have some surveys that are prepared for several different countries. We are undergoing a rebranding, changing the colors we use for everything that has our visual language - including the surveys - and we are implementing it one country at a time. Therefore, we do not want to change the survey's 'theme' all at once. Searching on Google and on this forum, I found a script that helped me change the color of the buttons, using an embedded value to help (site_id is what we're going to use to call the country, and "MLM" means Mexico): <script>if ('${e://Field/site_id}'=='MLM') {jQuery('.Skin #Buttons #NextButton, .Skin #Buttons #PreviousButton').css({'background' : '#3483FA'});jQuery('.Skin #Buttons #NextButton:focus, .Skin #Buttons #PreviousButton:focus').css({'background' : '#3483FA','outline' : '0'});jQuery('.Skin #Buttons #NextButton:hover, .Skin #Buttons #PreviousButton:hover').css({'background' : '#3483FA','border-color' : '#3483FA'});jQuery('.Skin #But

210
P
Level 1 ●
J
jmcclung
asked in Qualtrics API
Delete users API saying user not found?

Hello, I’m trying to remove users that have accounts in Qualtrics but have either never logged in or haven’t logged in for over a year. I pulled a list of users from the User Admin section of my dashboard setup. This showed me their last login date but it did not have their userId. So I used the “List User” function of the API to pull a list of all my users into a CSV file that does have their userId and then did a vlookup against the export from the dashboard above. So with these two files I was able to make a list of users that I wanted to delete that has their userId. Now I want to use the CSV file with the API to delete the users. The only column in my CSV file is called userId and the user ID’s are listed beneath. The problem I’m having is that it’s returning a message saying that the user is not found: {"meta":{"requestId":"72375b15-4e33-4441-aa09-7b66ba723968","httpStatus":"404 - Not Found","error":{"errorCode":"DU_3","errorMessage":"User not found."}}}User details: {'userId': '

252
J
I
igrathen
asked in Custom Code
Moving Next Button to the Top of Survey - New Survey Experience

Hello all, We are trying to clone our Next/Previous buttons to the top and bottom of our survey but are running into issues with the New Survey Experience. We are referencing this post and this post to clone those buttons but the present code does not apply when using the NSE. We switched the existing survey back to the older style and the CSS/script for the header worked instantly so we assume it is how the NSE is interpreting the script. Has anyone been able to do this with the New Survey Experience? We appreciate any and all help!Thanks all!

462
I
PeeyushBansal
Level 6 ●●●●●●
PeeyushBansalLevel 6 ●●●●●●
asked in Qualtrics API
Interactive Employee engagement survey

Can someone give example of some interactive employee engagement survey, like what customization we can do to make it appear nice and highly interactive.

121
PeeyushBansal
Level 6 ●●●●●●
A
Level 1 ●
ABA1Level 1 ●
asked in Custom Code
How to set maximum and minimum numeric entry on a side by side question column

I have a side by side question with 3 columns. For both column 1 and column 3, I want to set my minimum to 1 and maximum to 100. For column 2, I want my minimum to 1 and no maximum. How do I do this? I appreciate any help!

161
C
Level 4 ●●●●
C
CarlArganda
asked in Custom Code
Slider question with 2 statements. Javascript only applying to 1 statement

Hello, I hope someone here can help. I am creating a slider style question in Qualtrics, that includes two statements within the question. The participant is required to provide a range of a total cost. Each statement (slider) represents a bound for the estimation. Slider 1 is the lowest bound, and Slider 2 is the highest bound for their cost estimate. I want the number in each statement to be converted to increments of 10,000, and have a $ added. I have applied a mutation observer in JavaScript, which multiplies the result by 10,000, and add a $ symbol, to represent increments of $10,000 for each increment. The following JavaScript as follows was applied: Qualtrics.SurveyEngine.addOnload(function(){/Place your JavaScript here to run when the page loads/jQuery("ul.numbers").hide() }); Qualtrics.SurveyEngine.addOnReady(function(){/Place your JavaScript here to run when the page is fully displayed/jQuery("ul.numbers").hide() // Select the node that will be observed for mutationsconst tar

785
TomG
Level 8 ●●●●●●●●
M
MNegrini
asked in Custom Code
Default choices on a series of multiple choices questions, based on previous answer

Hi everyone, I have a question about setting up different default preselected options based on the answer to a previous question in the survey. Here's the scenario: In the survey, there are two multiple choice questions: Question 1 (Q1): Participants indicate their country of residence among three options: Spain, Germany, or Sweden. Question 2 (Q2): This question offers three choices: Black, Orange, and Yellow. Now, what I want to achieve is to dynamically change the default preselected option in Q2 based on the answer given in Q1. Here's the desired behavior: If a participant selects Spain in Q1, the default option in Q2 should be "Orange." If a participant selects Germany in Q1, the default option in Q2 should be "Yellow." If a participant selects Sweden in Q1, the default option in Q2 should be "Black." I'm seeking guidance on how to implement this logic (javascript)? Thank you!

2547
Harmon187
Level 1 ●
H
Harshitha_13
asked in Qualtrics API
Contact Export Statistics and Embedded Data

Problem Statement:Export contact data(Contact Statistics and Embedded data) filtered by statistics and embedded data. How this can be achieved? Proposed solution: https://yul1.qualtrics.com/API/v3/directories/{directoryId}/contacts/search- Can we apply filter in this API on Embedded data and contact statistics fields and can we fetch records more than 10000? https://yul1.qualtrics.com/API/v3/directories/{directoryId}/export-contacts- Can we export contact statistics using this API

511
StephanB
QPN Level 2 ●●
JustChappell
JustChappell
posted in Integrations
Qualtrics and Pendo Integration

I was looking to see if anyone is currently leveraging Pendo and Qualtrics. We have both solutions but want to pull in Pendo feedback so we have all feedback data in one location. Is it worth setting up a Qualtrics survey in Pendo or just work to use Pendo survey and push that feedback into Qualtrics?Would also want to see how easy it is to set up and what if anything to watch out for.

1472
C
N
Nasra
asked in Custom Code
Dynamic Multi-select Based on a Drilldown

I need to create a survey that will go to a number of managers, each with one or more groups that they manage. For each group that they manage, I need them to be able to provide a description (text), and select from a list of services they offer. What is the best way to proceed with creating this survey? Drilldown is not that efficient in this case.

282
N
S
Small_J
asked in Custom Code
How to display the content of the text entry box as a paragraph

Hi, I would appreciate anyone's help with this. I want to display the content of text entry box as a paragraph. Here is my code, Qualtrics.SurveyEngine.addOnload(function() { jQuery('input:text').hide(); jQuery("[type='checkbox']").change(function(){ if(jQuery(this).prop("checked") == true){ var v1 = jQuery(this).attr("id"); jQuery("[id*='"+v1+"~TEXT']").show(); }else{ var v1 = jQuery(this).attr("id"); jQuery("[id*='"+v1+"~TEXT']").val(''); jQuery("[id*='"+v1+"~TEXT']").hide(); } jQuery("[id*='"+v1+"~TEXT']").css({ float: 'left', width: '100%', height: '200px', margin: '20px', border: 'none', placeholder: "Please desribe", maxlength: '1000' }); }); }); Thank you.

192
S

Read Me: How to use the new Experience Community 💜

Michael_Cooksey
Administrator
22 days ago

Motivational Playlist

Terms & Conditions