Custom Code | XM Community
Skip to main content

Custom Code

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

  • 7,440 Topics
  • 23,540 Replies
7440 Topics
MikeB
Level 1 ●
MikeBLevel 1 ●
asked in Custom Code
Code to change the next button to a Submit button with Randomization within flow

Hi,I have a use case where I have 3 groups and a total of 4 blocks of questions that are shared with the groups...Group 1 has the chance of seeing all 4 blocks of my survey, however they will only be displayed 2 and it is randomized and evenly presented.Group 2 will only see one specific block.Group 3 can see 3 of the blocks and also evenly presented at random.This means that there is no 'last block' that everyone sees where I could have a submit button. I am curious if there is a way to show a submit button when there is no definitive last block (And I do not want to add a block at the end that everyone sees. I don't want more questions and I don't need to ask anything else)Is there any way to identify that a block displayed is the final block? Anything that you can tap into with JS? I'm thinking that something has to tell Qualtrics that this is the last question of the survey or maybe the number block that is shown. Any thoughts? Is this possible?Thanks,Mike

2140
A
Level 7 ●●●●●●●
J
jham
asked in Custom Code
Can I customize the background of each block of the Survey Platform?

Hello! Can I customize the background of my survey by each block/page of my survey? For example, the first page of the survey would have one type of background. Then, when the respondent hits the next button, the background would change to a different design.

2990
C
Level 2 ●●
B
bh18
asked in Custom Code
Need help creating a selectable matrix of values

I am trying to create a matrix of values where the respondent selects the two that add up to 100 (like this...)Can I do this with an already existing question type or does this needed special code?

60
B
N
Level 2 ●●
NadalyLevel 2 ●●
asked in Custom Code
Signature Question - Disable or Readonly?

Is there a way to disable the Signature question that has already been signed? Use case is a retake link scenario where the question will be visible again but we do not want it to be active. I tried changing the attribute to readonly or disabled, but perhaps I am not properly referring to the element ID. Or maybe there's another way? Thank you!

830
A
Level 7 ●●●●●●●
C
CSK
asked in Custom Code
Distributing only survey translation

I made a survey and translated it into Japanese. I want to distribute only the Japanese version to my respondents. I have *zero* skill with code—don't even know where to paste it into my survey. Any help would be greatly appreciated!

410
JoycaV
QPN Level 4 ●●●●
A
Ari
asked in Custom Code
Pick, Group, and Rank questions in JavaScript

Hi! In my survey participants need to learn 2 decks of cards, each containing 20 statements. Following the learning, there is a test in which they need to group about 10 random statements to the correct deck.If they accurately group 8 statements to their corresponding deck, they will continue to the next questions If they fail to do so, they will have a new chance with another 10 statements. If they fail 3 times, the survey will end.I guess it might be done with JS but I'm totally clueless. I have now idea how to get to the particpant answers in the code (for a "Pick, Group, and Rank" kind of question)I will appreciate any input!

1110
A
N
Nadi
asked in Custom Code
Allow only text as an answer (via JavaScript?)

How to set in Text entery, Text type - Form answers with Text only - non numeric?

80
N
S
Sydney
asked in Custom Code
Tracking the number of viewers of PDF

Hello Community,I have a PDF that I would like to track the number of clicks or views on it. Is there a way to do this? Perhaps, make a link for the PDF within Qualtrics?

150
rondev
Level 6 ●●●●●●
F
flippy753
asked in Custom Code
Survey appears with massive margins on iPhone but works perfectly on Android.

Hello!First time Qualtrics user here—I'm also using QRTEngine (support has been discontinued for this for a while, but it is still working for my needs). I'm getting this weird issue which I am at a complete loss for, and was hoping someone could help me find the origin and/or find a workaround. My survey appears with massive margins on iPhones (both in Safari and in Chrome), but appears as it should on Andriod mobile devices and desktops (both Windows and Apple). All pages of the survey are scrunched up like this on iPhones (not just one page or question). Requesting a desktop site in Chrome on iPhone doesn't improve the display. I am able to scroll the thin column of text a bit left and right to see all of the content of the question. I've tried it on three different iPhones, all with the same results.On this page, there is only a descriptive text question and a simple multiple choice question with two answers.This is the only JS code on this page:Qualtrics.SurveyEngine.addOnReady(fu

270
F
A
AlineB
asked in Custom Code
Adding borders to the question container

Hey,Is it possible to make the borders of the question container (the white area) bold?

140
rondev
Level 6 ●●●●●●
V
Vick
asked in Custom Code
Can I export text responses from a survey and have them wrapped in quotation marks?

I am trying to see if I can export text responses and have them come out wrapped in quotation marks? Any info or help would be appreciated.

160
rondev
Level 6 ●●●●●●
N
nkannan
asked in Custom Code
Displaying information when hovering over a hotbox area on a photo

Hi,I have a graphic image where different areas of the image are hotboxes. I would like to embed a display logic where if a participant clicks that hotbox area, there will be a popup/little box that comes up showing additional information related to that particular hotbox. The easiest way to explain this would be if I had a map of New York City, if I clicked the hotbox associated with Manhattan, then a box would pop up showing information I've inputted in about population density, gender, etc. This pop up would differ as I clicked hotboxes for Queen's, Brooklyn, etc. Is it possible to do this with the hotbox question? I would appreciate your help!

340
rondev
Level 6 ●●●●●●
U
Level 3 ●●●
uhrxx005Level 3 ●●●
asked in Custom Code
Hide the "return to table of contents" button when on the table of contents home page.

Can this be done?

820
rondev
Level 6 ●●●●●●
M
MaxCranium
asked in Custom Code
Zip Code Automatic Lookup

Hello there!In my experience with other survey development platforms when adding a dropdown field for zip codes, there was a feature that allowed the user to start typing in their zip code, and the question would automatically start to try and lock in their specific zip code from the list within the question. Is there a similar feature to this in Qualtrics? I have searched through the community forum and have not found anything similar.

530
rondev
Level 6 ●●●●●●
I
icegoffy
asked in Custom Code
how to get a 2 column layout for question in survey

can i do somethign like this layout in look n feel template:

1210
rondev
Level 6 ●●●●●●
T
teresavazquez
asked in Custom Code
Custom Code: Text-to-Speech

Hello everyone!Does anyone have a custom code that allows for a text-to-speech feature within surveys or some sort of screen reader embedded into a survey?

7680
T
G
GibinR
asked in Custom Code
Timer Issue in a block

I have timed a block for 20 minutes for a quiz section. But if a student finishes the test before the 20 minutes of time. The timer stills runs in the background. Is there a way I could stop the timer if the student moves out of the block? I look forward to any help.

30
TomG
Level 8 ●●●●●●●●
C
cvanwagoner10
asked in Custom Code
Force response with JavaScript

I am currently using JavaScript to create in-page display logic for one of my dropdown menu questions. Some of the child questions have a force response validation attached to them. When I try to submit the survey I cannot because a required question is not answered even though it is still hidden by the JavaScript and selections made. Does anyone know a work around using JavaScript to make questions required only when they meet the proper logic and are unhidden and are not required when they are still hidden?Thanks!

1120
M
Level 2 ●●
Y
yoniyoni
asked in Custom Code
First letter open question

Is it possible to do a matrix of first letter open question . e.g. : 1. _ame (the answer will be "n" and the word will be name.). 2. _og (the answer will be "d" and the word will be dog.)Thank you

60
Y
A
Alexis_S
asked in Custom Code
lack of response on a timed multiple choice question; how to skip the next block

Hi everyone,I have a mulitple choice question that has a time limit/auto-advance and I need to skip the next block if a response isn't received before time runs out.However, none of the skip/branch/display logics offer the option to do so if no response is received to a prior question. They only offer options dependant on one of the 4 multiple choice options being picked. Does anyone know a work around?Thanks so so much!!

150
A
A
Level 1 ●
Alex_WLULevel 1 ●
asked in Custom Code
'Help' link in the sidebar

I want to create a 'Help' link in the sidebar. If respondent clicks 'Help', then he will jump to the special 'Help' block, which is not a part of the main survey flow. It is somewhat similar to TOC. But not entirely similar. The difference will be as follows:After the respondent has reviewed 'Help', he should be able to return back exactly where he was before clicking 'Help' on the Sidebar.The survey consists of several blocks.

150
A
Level 1 ●
M
MCC11201
asked in Custom Code
HOW DO I LIMIT SIDE BY SIDE TEXT ENTRIES TO ONLY ONE OPTION AT A TIME

On to my next project. At the moment, my challenge at the moment is finding the code that will limit the number of text entries in a side-by-side question table to one (1). In other words, respondents will only be able to fill-in one textbox or the other. A picture of what I need is attached. In the example below, a tea expert has an option to describe "Green" tea or "Black" tea - not both even though there are two text boxes available. If the expert tried to write in both boxes, they would receive an error message or, in the simplest of terms, their text simply would not appear. I can figure things out fairly well, but it will take time. However, due to an fast arriving deadline, I a, willing to discuss freelancer work if necessary. As always, any help would be deeply appreciated.

780
M
V
Viki_M7
asked in Custom Code
Piping answers using the retake link (daily survey)

Is there a way to show different blocks on different days while also piping previous answers across them? I have my Baseline and daily survey (Day 1 ... Day 30) in 1 survey because I need to pipe up to 8 answers from the Baseline (prior to Day 1) into the daily component (Day 1 ... Day 30), and then an additional 3 answers every day, totaling up to 95 answers piped from Day 29 to Day 30. Try 1: Using the retake link (not deleting old info) with the embedded data field: currentDate = ${date://CurrentDate/Y}${date://CurrentDate/m}${date://CurrentDate/d}.This approach does not appear to allow answers to be piped across dates. They simply do not show, even if they are input as embedded data fields in the XMDirectory, and/or as embedded data fields in survey flow.Try 2: Using the retake link with no dates, add all possible answers to XMDirectory as embedded data fields.This corrects the above issue but with a cost: participants now see all previously answered questions with their answers pr

480
rondev
Level 6 ●●●●●●
A
Level 1 ●
Alex_WLULevel 1 ●
asked in Custom Code
Adding a clickable button. If clicked, it should change the survey flow .

I need to add a clickable button/link in the middle of a question. If clicked, it should change the survey flow . For example, bring to (customized) 'End of Survey'.For example:******************************************************If you have found a discrepancy/error within the form, or if you believe that the form is malfunctioning in any way, please notify webadmin . Your message will be promptly reviewed and the form will be updated as nessesary.bla-bla-bla-bla-bla-blabla-bla-bla-bla-bla-blabla-bla-bla-bla-bla-bla******************************************************I understand that it could simply be an email address URL. But I need to have a clickable button or link, which will change the survey flow,

10550
A
Level 7 ●●●●●●●
O
oshah001
asked in Custom Code
Template literal strings being stripped out of javascript

I have the following javascript code being used in the Javascript Question API:---Qualtrics.SurveyEngine.addOnReady(function(){const a = 44;const b = -82;const msgText = `   a   ${a > b ? '>' : ' bhowever, when I preview the page in Qualtrics, I get back "a b" (without the angle bracket). It's almost as if Qualtrics is erasing the interpolated expressions of my template literal (the bits in ${}).Does Qualtrics not support ES6 syntax in its editor?

650
A
Level 7 ●●●●●●●

Motivational Playlist

Terms & Conditions