Developer Corner | XM Community
Skip to main content
Michael_Cooksey
Administrator
1 month ago

Developer Corner

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

9430 Topics
E
Level 2 ●●
eliasg13Level 2 ●●
asked in Custom Code
Piping Randomization across Surveys

Hello! My team is hoping someone knows how to create code that can pipe randomization without replacement across multiple surveys. Below is our basic study design if that helps to explain what we need the code to do: We are distributing a daily survey to people where they will be asked about different scenarios/cues We have one list of scenarios, and another of cues (with an equal number in each list) We want to be able to ask participants about each scenario and cue, but with the scenarios and cues randomly combined together without replacement, so that each participant sees every scenario and every cue, but with cues/scenarios paired differently for each participant Since surveys are daily, we want to create separate Qualtrics surveys for each day, but aren’t sure how to maintain randomization of cues/scenarios without replacement across multiple surveys. Any help is greatly appreciated!

30
E
Level 2 ●●
A
AYG
asked in Custom Code
Can I change the submit button text color?

Right now, setting the Secondary Color makes the Submit button appear as the color I need, but the text color is automatic and I would like to change its color to something more accurate to the brand guidelines I have for my client. Is there any way to do this?

67410
B
lillianc
Level 3 ●●●
lilliancLevel 3 ●●●
asked in Custom Code
Setting dynamic custom start position (NOT DEFAULT CHOICE)

I'm trying to set a dynamic custom start position for a slider, but do not want it to be set using the default choice feature. I want to be able to force a response from the respondent, but have the start position be preset dynamically. If I use the default choice feature, it sets the start position but also allows the participant to skip answering and simply click forward because it preselects the answer. Therefore, the default choice feature cannot be used. The custom start position feature seems to only allow a static start position. setChoiceValue also doesn't work because it preselects the answer as well. I need the participant to actively choose a value.Has anybody else achieved this previously? I scoured the community, but the only answers pointed to the default choice option which does not solve my issue. This question has been asked before here, but the answer didn't address the dynamic start position or the forcing of the response.

5764
J
T
Tzu
asked in Custom Code
Need Help with Javascript to Conduct Conjoint Experiment Including Randomly-Selected Features

Hi everyone. I would like to design a conjoint experiment that includes three consistent features (say Gender, Ideology, and Party) and one out of two selective features (say Abortion and Gun), i.e., a conjoint experiment list may include features such as Gender, Ideology, Party, and Abortion and the other list may include features as Gender, Ideology, Party, and Gun. I added several lines of code to the Javascript generated by ConjointSDT (https://github.com/astrezhnev/conjointsdt). Although everything looks fine when I preview the survey, there is still one problem---the exported data fails to capture the feature name Gun. More precisely, even though respondents may see the feature Gun is randomly selected during the experiment, in the exported data, it only records the feature name Abortion, regardless of which selective feature (Abortion or Gun) is selected. Below is my current code. Any help is appreciated. ================= // Code to randomly generate conjoint profiles in a Qual

50
T
MattiasM
Level 5 ●●●●●
MattiasMLevel 5 ●●●●●
asked in Integrations
Moodle - Qualtrics integration?

Hello all Have any of you done any integration between Qualtrics and Moodle? We're looking to feature a Qualtrics survey in Moodle, somehow. What alternatives are there? Just trying to get an idea if anyone else have tried setting this up in the past. Thanks in advance-Mattias

4411
amey_ghogale
W
warley_s
asked in Website & App Insights
Bring Embedded Data from variables present on page's datalayer

Hello, I have an intercept being presented on a page with a some data fields that I need to bring as embedded data on the responses, but I could not find a way to make it work - the fields related to them are always in blank. From what I could understand, the fields are from a Google Tag Manager The things I’ve already done, without success: declare the field’s value type as “HTML on site” (this works on other pages from the same client, but I imagine this page can be developed differently); declare the field’s value type as “Google Data Layer”; declare the field’s value type as “Value from cookie” (just for testing, I could not find them on cookies); Configured the event tracking on the intercept with the name of the event (“delivery_tracking”). Below it follows a datalayer viewer extension to refer as they are shown (the fields I want to bring are the ones under the event “delivery_tracking”, like “service_type”, “origin” and “destination”): Any tips on how to bring this data to the

954
B
MikeBot
Level 2 ●●
MikeBotLevel 2 ●●
asked in Custom Code
Adding a pop-up for both computer and mobile devices

Hi all, I am wondering if there is a way to add an option to a survey question, where respondent can click on a word or a button to then show a pop-up box with more information? I tried the method described in the below, but couldn’t get it to work. I followed the above, without really understanding it (!!) and I get my key word underlined and showing as a tool tip, and the info will show if I hover. However, how do I get this key word to be clickable on a mobile device? The code I have used in my survey question (HTML view) is below. The word “here” is where the tooltip is shown - but is not clickable on a mobile device. My apologies in advance if this is an obvious fix! Thanks, Mike. HTML: Have you, or a spouse/ family member, had any of the following symptoms? <b>Please hover <abbr title="Cough; cold; sore throat" rel="tooltip"><span style="color:red;">here </abbr><span style="color:black;"> for examples of symptoms</span></span></b>

3413
PeeyushBansal
Level 6 ●●●●●●
L
Linz
asked in Custom Code
Tooltips and language variations

Hi AllI am fairly new to qualtrics, and just a user not a developer. Having created our first client satisfaction survey last year, we have received some feedback as to how we could improve the user experience for our survey this year and I am trying to implement that now. One of the feedbacks which we received was about unfamiliar terms or not knowing exactly which aspect we were targeting within some of our likert questions. Rather than adding lots of text and making the survey longer, I would like to work with tooltips...but these should work on both desktop and mobile versions. I have tried this Responsive and Mobile-Friendly Tooltip — Osvaldas Valutis and it works, however I come across an issue, which I'm hoping you can help me with: My survey is available in 3 languages: English, French and German. Is there any way that I can have the tooltip be dynamic, so that it knows which language to show a tooltip in based on the survey language selected? E.g. In English a tooltip for Comm

1182
PeeyushBansal
Level 6 ●●●●●●
F
fafawaka21
asked in Custom Code
How do I add a bullet-point list to a tooltip/hover over?

I’d like to add a bulleted list to a tooltip/hover over in the text of a Qualtrics survey question. Is there any way to do this? I’m using the following, which of course doesn’t separate out the bullet points into separate lines: <span class="tooltip" data-text="Here are a few examples: ● Example A, ● Example B, ● Example C, ● Example D">questions</span>

9027
PeeyushBansal
Level 6 ●●●●●●
E
QPN Level 4 ●●●●
ErikahuerQPN Level 4 ●●●●
asked in Custom Code
description of the questions

Hi everyone, I would like to add a pop-up that provides more information about a question when the user hovers over it.Like this but for the question and not for the options: Since this survey has translations, I also need to ensure that the pop-up boxes display the description in the correct language. If anyone has any suggestions, they would be greatly appreciated!

302
E
QPN Level 4 ●●●●
T
taru
asked in Extension SDK
How to run Lifecycle and Pulse in XM Solution

I am creating a custom solution using XM Solution. I am trying to use it to create something with life cycles and pulses. However, it does not appear in Custom solutions and templates. How can Lifecycle and Pulse be executed in XM Solution?

90
T
J
javier_leal
asked in Custom Code
Capture the time of the last click on a page

Hi everyone! I’m using a JavaScript code to capture and store the time of the last click on a page, which will later be used in the survey to determine the flow. However, when I compare the results with the variable that Qualtrics automatically creates when recording the survey (Q#_LastClick), I notice that in some cases the results are quite similar, but in others the don’t seem to match at all. Does anyone know why this isn’t working properly in all cases, and how I could fix it? Here's a bit more context: the page automatically advances after 160 seconds, but the 'Next' button remains accessible during this time. What I want to track is the time of the user's last click, excluding any click on the Next button in case the user decides to advance before the 160-second timer runs out. This is the JavaScript code: var pageLoadTime = Date.now(); // Stores the page load time var timeElapsed = 0; // Variable to store the elapsed time // Function to calculate the elapsed time between the pa

190
J
C
cmbell
asked in Integrations
Extracting individual data from a contact list without using the list to invite (i.e. Prolific)

Hi folks - I need to pull embedded data from a contact list but I’m not using the list to invite participants, that is managed through Prolific. Prolific will send the participant’s id, which I can presumably then use to identify the participant in the contact list and then extract the embedded data. I’ve searched for answers and unless I’m using the wrong keywords, the responses I’m finding assume that I’ve distributed to the contact list rather than gone through Prolific or similar service. Also, I would rather not use an authenticator as this is a short daily survey for which they can use their phones. I don’t know if they would have their Prolific id on hand or committed to memory. Unfortunately I’m also not particularly adept at using an API Thanks! Chris

160
C
RebeccaM00
RebeccaM00
asked in Custom Code
Creating expandable/collapsible buttons that are fully accessible to individuals who use the "tab" button on the keyboard to navigate the survey.

Hello, I’ve created a survey that uses custom code from this forum (thank you!) to create buttons that expand/collapse to provide respondents with the option to view more information/definitions as needed. I’ve successfully applied the code to: (1) Survey introductory text that contains multiple buttons on the same page; (2) survey questions (e.g., multiple choice); and (3) survey response options that contain one button for a number of the response options in a multiple choice question. Although these buttons work well on desktop (mouse) and mobile devices (tap/touchscreen), they do not work for individuals who use the “tab” button on their desktop keyboard to navigate each survey page. I’m wondering if there is code that I can add to my current code that will enable this level of accessibility? If not, are there other options for adding additional optional content if needed (e.g., further definition of a term) that can be widely accessible to diverse audiences with different accessib

3149
C
courtrc
Level 3 ●●●
courtrcLevel 3 ●●●
posted in Custom Code
Ability to attach files to a ticket

Hello, I’ve created a survey with a file upload question and am generating a ticket based on that including the filename and URL. So the file gets attached in that manner. But what if more files need to be attached to that ticket later? Has anyone found a way to do this? I’ve been playing around and have found somewhat of a workaround but it’s kinda dumb and I don’t want to even propose it as an option to our end user. My workaround is: I have a workflow that generates a ticket, once the ticket is generated, send an email from within the ticket to themselves, reply with attachment then it gets attached to the ticket. I even attempted replying to the auto generated ticket email and a custom email notification but they were both undeliverable and weren’t able to be tied to the ticket in the same way replying to an email sent FROM the ticket is which makes sense because the reply-to email has some ticket specific information in it like the ticket key + some random ID. I wish there was a w

2375
courtrc
Level 3 ●●●
M
Level 2 ●●
MaggieGentryLevel 2 ●●
asked in Custom Code
CSS Code - Not Displaying - Line Before Don't Know

I have a survey with CSS added into the “Look & Feel” portion. It adds a line before the last option (“Other, please specify: “). In the question preview AND the block preview, this displays perfectly. However, in the survey preview the line is missing. I have tried rebuilding both the question and the block to no avail. Single choice questions in another block work, so unsure about the cause. I tested on both Edge & Chrome and I cleared my cache / cookies. There is no specific HTML in the question. Does anyone know what could be causing this / how I would fix it? Thank you! li:last-of-type { border-top: 2px solid #8D8D8D4D; }li:last-of-type label { margin-top:10px; }.Skin #Wrapper {margin-top: 40px !important;}.Skin .EndOfSurvey {color: #525252;padding: 10px 40px 60px 40px !important;}.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-ty

213
M
Level 2 ●●
W
Level 1 ●
walliLevel 1 ●
asked in Custom Code
Pop-Up Box for additional information (working also on mobile)

Hi! I would like to add additional information for some keywords in our survey that should be displayed when hovering over the keyword (or clicking the keyword) in an additional pop-up box or tooltip. Using the html span-titel command unfortunately only works for computers but not if accessing the survey with a mobile device. Also, the pop-up box disappears very quickly on some browsers (Internet Explorer... yeah, people exist that still use it :D ), which makes it impossible to read the text. Another problem is, that on some browsers, it takes quite some time until the pop-up appears. Could someone share Java-code with me to solve this issue, or maybe lead me to a topic where this was already solved? I have digged through the community posts but weren't able to find a properly working java solution. Happy for any suggestions!

322018
M
Z
Zonks
asked in Custom Code
Setting up Flatpickr

I have been trying for hours to create an inline calendar that does not allow future dates to be selected and if a participant selects a day that is in the previous month, for the calendar to move to that month. I have absolutely zero experience in coding and have been asking ChatGPT for help with the Qualtrics calendar (the first one in the library) with only the future dates being successful. ChatGPT cannot figure out the monthly part. For example, the calendar view is April 2025 and someone clicks on March 31, I want the calendar to move over to March 2025 view. I’ve seen many people suggest flatpickr, but I have no idea what the code is to get what I want or how to even put it in my survey. Please help!

100
Z
I
Ilse
asked in Qualtrics API
"Various filtering options" response export

Hi,I was going through the documentation on the new response export (https://api.qualtrics.com/guides/docs/Guides/Common%20Tasks/getting-survey-responses-via-the-new-export-apis.md) and saw the following:"You can use various filtering options to this request to retrieve a subset of the responses to speed up processing." Which got me very excited. However, the various filtering options seems to be just one option namely using a filter that was created manually using the UI. Am I overseeing something? I would love to just be able to create/use filters completely using the API without having to add them by hand using the UI. Thank you in advance!

1651
C
M
MilBu
asked in Custom Code
Can I change the layout at the question-level without overriding the entire layout?

Hello,Is it possible to change the layout of specific questions without overriding the whole layout of the survey?Specifically, I currently have a theme that has the following layout (Classic): I want to continue having this theme, however, for certain questions, I would prefer having checkboxes (for multiple choice) or radio buttons (for single choices) (example below, with Flat as the Layout): Any help would be appreciated. Please let me know if I should elaborate.

8539
Mannila
Level 4 ●●●●
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

744
AlonsoC
Administrator
B
bacoduti
asked in Custom Code
Sharing Quiz Results to Social Media

I have created a “What’s Your Persona” quiz in Qualtrics based on scoring. It’s simple and meant to be similar to a Buzzfeed quiz. Based on the responses, the respondent will be sent to one of three different end of survey messages that will let them know which persona they are. Can I add a “Share to Facebook” button or URL so that the respondent can share their result/what their persona is? Is there custom code for that? Just to clarify, I want them to be able to share their results, not the survey itself!

160
B
drewhudson
drewhudson
asked in Custom Code
Sharing Quiz Results to Social Media and Seeing Other's Results

I’m building a quiz on Qualtrics through scoring questions. Is there any way to share the results on social media and/or see how others respond?

482
B
R
Level 1 ●
Robert_MaihoferLevel 1 ●
asked in Custom Code
Prevent essay text box copy/paste

I am trying to add JavaScript code to prevent essay text entry copy/paste from any source to the online browser-based survey. I have already read the many attempts to explain on this site, but many appear to leave out where and how to enter the script and/or the entire needed code. Below is what I have and it. does not currently prevent copy/paste. Please do NOT refer to other articles and please provide a detailed step by step if at all possible. Question Setup: Code Entered:

162
R
Level 1 ●
D
dp-goto
posted in Extension SDK
Errors in react-native-qualtrics under the new react-native architecture

Hey, we just upgraded to react-native 76 and enabled the new architecture under iOS, but when compiling, we have an error with the react-native-qualtrics pod. Can the below be fixed so we can use Qualtrics with the new rn architecture under iOS? Thanks!

1993
D

Read Me: How to use the new Experience Community 💜

Michael_Cooksey
Administrator
1 month ago

Motivational Playlist

Terms & Conditions