Custom Code | XM Community
Skip to main content

Custom Code

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

  • 7,444 Topics
  • 23,558 Replies
7444 Topics
Michael_Campbell_RedPepper
QPN Level 3 ●●●
Michael_Campbell_RedPepperQPN Level 3 ●●●
posted in Custom Code
Testing interest:

A lot of my projects involve Custom End of Survey Messages, but will be doing custom emails, and Piped Text Input in styled/HTML Survey Blocks. One of my biggest bottlenecks is the Qualtrics IDE (It is excellent, but I enjoy working on my own, local IDE, Visual Studio Code). Another bottleneck I face is Piped Text Token (i.e. `${e://Field//Total}`). When I run code in my local IDE, and have a Chart.js that takes in an array of embedded fields, in have to swap them in and out to test it locally and then post the code in Qualtrics. I, today, started developing a Transpiler of sorts, as an NPM Package. Copies your code with Piped Text Tokens, and replaces them with sample data. I wanted to get a feel for if you guys would like a copy, or if there is interest so I could package it up and serve it publicly. It takes in three key pieces of data: a Source Directory, an Output Directory, and a list of key-value pairs, the key being the Piped Text Token, and the value being the Sample da

180
Michael_Campbell_RedPepper
QPN Level 3 ●●●
N
ntvandam
asked in Custom Code
Display logic based on date using javascript

From what I've read it seems Qualtrics does not provide display logic options for dates. Can anyone advise re: javascript code that would check the date a survey was being taken against a user-provided date(s). I want to allow survey completion if the date on which the survey is being taken corresponds to +/-7 days of a user-provided date.

410
TomG
Level 8 ●●●●●●●●
T
tuh39046
asked in Custom Code
Pick, Group, and Rank (Drag-and-Drop) Custom CSS

I was wondering if anyone has developed custom CSS or JavaScript to alter the drag and drop question format. I would like to display the items that are dragged horizontally across the top of the page. Alternatively, if that can't be down, I would like to keep the items fixed in their position in the item container when they are unsorted. As it is, their position is dynamic, and as you sort the items that come before it, the items move up. If you place an item back in list, you can place it in any order. I would like every item to have its own place that does not change while it is unsorted on the left hand side of the page. Thanks!

1250
Michael_Campbell_RedPepper
QPN Level 3 ●●●
A
Abhi
asked in Custom Code
saving data into qualtrics

Hello Everyone, I have a timer 10 seconds to fill only one feedback question about his/her experience on the interaction with the random person. data is only recorded in Qualtrics only when the user hits the submit button but data is not recording when the user didn't press submit button with in the time period of ten seconds. i wanted to make use of data and want to record the data in Qualtrics even if the user misses the submit button option in ten seconds. does anyone know how to do that with javascript?

4230
AnthonyR
Level 4 ●●●●
Michael_Campbell_RedPepper
QPN Level 3 ●●●
Michael_Campbell_RedPepperQPN Level 3 ●●●
posted in Custom Code
Useful Code Snippets

I have been running into similar situations with a few of my customers and wanted to share some of my custom code solutions, with the hopes that others can share theirs as well!

800
TomG
Level 8 ●●●●●●●●
I
IngerMathilde
asked in Custom Code
Javascript loading to slow

Hey! I am using javascript to randomize some pictures as part of a multiple choice question. I am not able to use the advanced randomization included in Qualtrics as there are some very specific rules the randomization needs to adhere to. I figured out the javascript part. The only problem is that when the page loads, the question briefly flashed the non-randomized order of pictures before showing the correct randomized version. Is there any way to load the javascript earlier, or to delay the showing of the question so that this flash doesn't happen?

650
TomG
Level 8 ●●●●●●●●
lillianc
Level 3 ●●●
lilliancLevel 3 ●●●
asked in Custom Code
JavaScript font difficulties

Hi all of you coders out there - I'm wondering whether any of you also have difficulties with the JavaScript editor font. Two related issues: first, the font is not monospaced, and second, the cursor often appears in the wrong place (see screencast below). I'm not sure if I'm the only one experiencing this problem. Basically my cursor never lines up with the actual location of the text I'm editing in the JavaScript editor. I never know whether I'm deleting the wrong text until I actually do because the cursor often shows up in the wrong spot. Sometimes the cursor doesn't even line up with any text. I think this wouldn't be a problem if they would use a monospaced font in the editor window. Screencast: youtu.be/UIAOUoyDjTk?hd=1

140
James
Level 1 ●
Akdashboard
Level 4 ●●●●
AkdashboardLevel 4 ●●●●
asked in Custom Code
Remove extra spacing using Java

I am not very Java-savvy, but I know I can remove the extra space between questions by adding JavaScript to the question. I haven't done it for a while and cannot remember how. The example I am working on is having "blank" question text for a couple of question types below a descriptive text box. I'd like only the answerable parts to be closer to the descriptive text, instead of huge blank spaces between them.

830
TomG
Level 8 ●●●●●●●●
britain
Level 2 ●●
britainLevel 2 ●●
asked in Custom Code
Default CSS sheets for Qualtrics themes

One of my researchers would like to use a basic Qualtrics stylesheet as a base for custom CSS for her project. Is this canonized anywhere or is her best bet to use her web browser's inspector to find it?

660
AnthonyR
Level 4 ●●●●
Akdashboard
Level 4 ●●●●
AkdashboardLevel 4 ●●●●
asked in Custom Code
Post comments to a website automatically

I am trying to figure out a way to embed a live stream of customer comments on to an internal work website. I feel like this might be possible to push the response data automatically somehow, am I just not sure how. Worst case scenario is that I can update the website manually every so often from comments I have scrubbed, but ideally this wouldn't need to happen. Also to note, this internal website looks like something you'd expect in 1999, so I am not sure I am working with the most up-to-date programs. Any ideas out from anyone?

140
AnthonyR
Level 4 ●●●●
B
bmgray
asked in Custom Code
Can I override a theme setting on a particular question?

Our branded theme displays single choice and multi choice responses in large clickable blocks - this is ideal for the vast majority of surveys/questions. However occasionally (e.g. with a long response list) it would be better to revert to the standard radio button / check box style display. Is it possible to override the theme default without having to revert to a different (and non-branded) theme?

860
AnthonyR
Level 4 ●●●●
Goldie
Qualtrics Employee
GoldieQualtrics Employee
asked in Custom Code
How do I remove or hide the language selection box on my survey?

How do I remove or hide the language selection box on my survey?

16850
rettweber
Level 2 ●●
JulieT
Level 3 ●●●
JulieTLevel 3 ●●●
asked in Custom Code
Custom date validation help needed

Can anyone help out with RegEx for custom date validation. I want ensure it is a valid date AND after 01/01/2018. Qualtrics support recommended setting up as a form, but that seems a bit cumbersome. I'd like to have the XX/XX/XXXX format.

3680
rettweber
Level 2 ●●
RachelTHREE
Level 2 ●●
RachelTHREELevel 2 ●●
asked in Custom Code
Rank and Sort Buckets all on one Line

Hey all - I'm looking to create a rank and sort question, but want all of my scale points to live on the same line, rather than how it defaults (below). ! Any idea of how to achieve this? Thanks!

210
AnthonyR
Level 4 ●●●●
RachelTHREE
Level 2 ●●
RachelTHREELevel 2 ●●
asked in Custom Code
Image labels in datasets

I use brand images in my surveys as rows but have issues with the recoded names consistently showing up in my datasets. I don’t want to include the text for the brand next to or below the brand image in the row itself. How do I make it so that I can sort out which brands I’m looking at in my dataset?

910
AnthonyR
Level 4 ●●●●
Poppy
Qualtrics Employee
PoppyQualtrics Employee
asked in Custom Code
How to give a "Don't Know" option?

I have a text entry question but want to give the respondents the option to select "Don't Know" instead of filling it out. I don't see a way to do this in the question options at all - any suggestions?

8440
MichelleC
Level 3 ●●●
Dax
Qualtrics Employee
DaxQualtrics Employee
asked in Custom Code
In the heat map question, I want to change the cursor from a cross to a circle. How do I do that?

In the heat map question, I want to change the cursor from a cross to a circle. How do I do that?

900
AnthonyR
Level 4 ●●●●
Goldie
Qualtrics Employee
GoldieQualtrics Employee
asked in Custom Code
How can we change the logo on my surveys?

How can we change the logo on my surveys?

17760
RachelTHREE
Level 2 ●●
Goldie
Qualtrics Employee
GoldieQualtrics Employee
asked in Custom Code
Inline email questions - don't open a new tab

I'm using the inline email question for a one question survey. Right now, when someone clicks an option, Qualtrics opens up a new tab and forces them to confirm their answer and hit the next button. Is there any way to automatically record their answer and show them the end of survey message instead?

310
AnthonyR
Level 4 ●●●●

Motivational Playlist

Terms & Conditions