Custom Code | XM Community
Skip to main content

Custom Code

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

  • 7,326 Topics
  • 23,060 Replies
7326 Topics
F
FovoLab
asked in Custom Code
Record loop order of Loop&Merge question

Hi everyone, In my survey I set up 5 Loop&Merge fields, containing 8 images each. My survey logic will display only one Loop&Merge field to each participant. The issue is that I would like to present the 8 images of each Field in random order, but I also need to know the order in which each image is displayed. Unfortunately, Qualtrics does not export this information, is there a way I could access it?Thanks so much for your help!

3810
J
3 years ago
R
Roieopsteam
asked in Custom Code
How to add hint text for text entry for multi-language survey

Hi,I have a 7 language survey.Few questions include a text entry that pops up once a response is checked.For the hint text of the text entry, I'm using the following code:Qualtrics.SurveyEngine.addOnload(function() { var qid = this.questionId; var placeholder1 = 'Please specify'; var placeholder2 = 'Please specify'; jQuery('#' + qid + ' .InputText')[0].setAttribute('placeholder',placeholder1); jQuery('#' + qid + ' .InputText')[1].setAttribute('placeholder',placeholder2); });The issue is that "please specify" is the hint text to all languages which is not optimal.How do I solve it and add hint text per language?Thanks

1300
R
3 years ago
L
LFanPsy
asked in Custom Code
Audio Autoplay with Pipe Structure

Hi!I am creating a survey with audio elements. I just want to auto-play the audio for initial presenting, but not auto-play when piped to other pages. Is there any script that could help to make this work? For the initial auto-play, I used the  "autoplay=true" statement for the audio in the Html script. Thanks!Lei

90
A
Level 7 ●●●●●●●
3 years ago
M
Level 2 ●●
MarkJPLevel 2 ●●
asked in Custom Code
How to align text boxes in a SBS question

Hi,Does anyone know how i might be able to align the following text boxes in a SBS question using JS?This is the JS I have on the other boxes - jQuery("input[name='QR~QID19#1~5~1~TEXT']").before("£"); which pushes the boxes to the right. Is there a way to align them regardless of the text at the beginning or end of the box?ThanksMark

90
M
Level 2 ●●
3 years ago
M
Level 2 ●●
MarkJPLevel 2 ●●
asked in Custom Code
Character Limit on Form Field question using JS

Hi,I've created a form field question with five rows. If I want the second row to have a character limit of 8, what would the JS be? Currently the below is not working...ThanksMark

930
M
Level 2 ●●
3 years ago
S
s_psych
asked in Custom Code
Recording clicks on custom button

Hello! I know this has been answered a few times but I am still struggling with recording amount of times a participant has clicked on a custom button I have - in fact I have 10 custom buttons and I want to see which/how many of those buttons were clicked. Here is my html:GAME 1Peter is kind.GAME 2Mary is generous.GAME 3Jack is 18 years old.Here is my JS:Qualtrics.SurveyEngine.addOnReady(function(){ jQuery("#button1").click(function() {  jQuery("#infodiv1").toggle();}); jQuery("#button2").click(function() {  jQuery("#infodiv2").toggle();}); jQuery("#button3").click(function() {  jQuery("#infodiv3").toggle();});});If anyone could assist I would be sincerely grateful!

2260
S
3 years ago
A
Acid1970
asked in Custom Code
Heat Map Image size

I am using an image of a website(1448x1130) in my survey, but when taking the survey(or preview) the image is displayed too small and doesn't adapt to the size of the browser, It's a fixed size. Can I change it to make it bigger or adaptive?thanks

1820
A
3 years ago
M
makgul
asked in Custom Code
retrieve matrix table selected values using javascript?

Hello everyone,I want to make a custom calculation on the values of a matrix table of 10 rows. To do so I was trying to retrieve the individual values of each row usingvar r1ar = parseInt("${q://QID81/SelectedAnswerRecode/1}");var r2ar = parseInt("${q://QID81/SelectedAnswerRecode/2}");var r3ar = parseInt("${q://QID81/SelectedAnswerRecode/3}");...statements. The above code is not working. I used the alert statement to retrieve the selection valuealert("${q://QID81/SelectedAnswerRecode/1}")and got an empty alert window.I have added the code on Qualtrics.SurveyEngine.addOnPageSubmit function. Can you please guide me how I can reach the individual values of a matrix table?Thank you,

4300
A
Level 7 ●●●●●●●
3 years ago
R
Rui
asked in Custom Code
How to find the “identity" of the choice options in the multiple choice quetion?

Hi Guys. In my survey, I need some events to function if participants click on a choice option. I know how to write the code for the trigger event. However, I could not find the identity of the choice box. For example , in the following screenshot. I could make the code listen to the text ”apple". But preferably I would like the function to be triggered when participants click on anywhere in the box. how should I find the "id" of the blue box? I guess this should not be that hard, but I could not find it in the HTML code. I would appreciate any help here. Thanks!

1000
A
Level 7 ●●●●●●●
3 years ago
M
missycissell
asked in Custom Code
Populate Multi choice options with user responses

Is it possible add/edit multi choice options from survey responses ? For example: Select your options:Option A Option B, Option COther (text entry)....If a user checks other and inputs Option X, then the next time the survey is loaded, Option X is now apart of the multi choice options.Any help, guidance will be much appreciated. best~ Missy

190
mklubeck
Level 3 ●●●
3 years ago
Sathwik_Teja
Sathwik_Teja
asked in Custom Code
How to make the org hierarchy question as read only question and non editable by the survey taker?

I want to display to the employee to which org unit he belongs to and he should not be able to edit it in the survey. How to achieve this through java script for the org hierarchy question in the survey.

430
Sathwik_Teja
3 years ago
S
Sanjay_Kanogiya
asked in Custom Code
I wish to create a second banner and then pass text or image in the second banner in the survey

Qualtrics has created a theme with second banner however they said they cannot create a text area where i can pass in pipe text which will hold the text or image url. How can I pass the text or image url in the second banner

170
S
3 years ago
D
Dafink
asked in Custom Code
Can I lock / block a text field, once data is entered so that it can not be changed any more?

When using this "${rand://int/1:500}", a random number is generated in a text field. Now the issue is that subjects can still reenter a new value according to there preference. Is there a possibility to lock the text field once the random number appears. I need a text field since I am supposed to reference and compare the random number with a previously entered number in a way if it is smaller or bigger. Other option could be to use HTML like this: " <button id="random" onclick="myFunction()"><b>You genereate a random number P</b></button> <br> <b>Ihr Marktpreis P für den Becher lautet:</b> <input type="number" id="number"><br><br> <script> function myFunction() { document.getElementById("number").value = Math.floor((Math.random() * 500) + 1); document.getElementById("number").disabled = true; document.getElementById("random").disabled = true; } </script> " Can I compare subjects' previously entered numbe

3430
Sathwik_Teja
3 years ago
L
LH_Qual_User
asked in Custom Code
Display Logic on SBS Drop Down Variable

Is there a way to hide variables within a side by side question. I have a variable that was only available last week, so I want to hide it for this week's research. Maybe Javascript?

80
L
3 years ago
S
studiousstudent
asked in Custom Code
Embedding a different website into a survey

HiNot sure if I should be posting this under Survey Platform or Developer but here I go anyways 🤞I am conducting research on AVIs for my dissertation and I want to/will be using Qualtrics to collect data. My data involves videos and survey responses and I want to collect all of this through Qualtrics. I want to find out if it is possible to embed an external website that I will use to collect videos responses into Qualtircs? The website I want to embed is myInterview (links below). Is it possible to integrate this website into Qualtircs after my consent page? I understand that I will need to have an understanding of some code if this is possible, so please include some coding tips if possible :)Thanks in advance for the help 😊https://widget.myinterview.com/doc.htmlhttps://www.myinterview.com/

11010
S
3 years ago
K
Level 5 ●●●●●
KateLevel 5 ●●●●●
asked in Custom Code
CSS Code for MaxDiff Tables

Does anyone have any suggestions for editing the table padding on the MaxDiff Questions? The marketing team is interested in a Messaging MaxDiff and my choice selections are a little wordy. It looks super clunky: !

2180
E
3 years ago
Y
Yarin
asked in Custom Code
Evaluating branch logic in JS

Hi,As many others before us, we are struggling with inexact progress bars when there are a lot of optional blocks in a long survey, causing participants to drop out.Is there a way to evaluate, in JS, if some particular branches in the survey flow will be taken or not (before they've been reached by the participant)? Ideally I don't want to hardcode the logic in the JS as this is error prone, but instead use the same logic as the existing survey flow.Thanks in advance!

260
Y
3 years ago
M
mkavant4
asked in Custom Code
User input - Java toUpper

How can I convert user input, in a text entry field, directly to uppercase using Java? I've fumbled around with it, but can't make it work.

370
T
3 years ago
C
charlie_cbe
asked in Custom Code
Can I have Android app bring up email virtual keyboard with the "@" character?

Is there a way to add the "email" input attribute to a text input so that on a downloaded Android survey the email keyboard (with the "@" character) will come up by default?thanks!

70
R
3 years ago
MatthewM
Level 6 ●●●●●●
MatthewMLevel 6 ●●●●●●
asked in Custom Code
Is there a way to show text before AND after text entry fields in a Matrix Table (Constant Sum type)

I am collecting monetary data and trying to display a dollar sign before the field, and ".00" after the field. Is there a way to do this entirely with javascript, or with the built-in Add Symbol feature for one side, and Javascript for the other side?

740
MatthewM
Level 6 ●●●●●●
3 years ago
A
AshRMIT
asked in Custom Code
Total slider hours in real time

Hello, hope you are well.I have a slider question on a survey with 8 categories on it. I was hoping it would be possible to display on the page near the question the total number based on the individual numbers to each of the 8 categories. I understand I can do this with piped text: ${q://QID100/TotalSum} but this will only display on a page reload or next question. Is it possible to have this refresh every time the slider is adjusted?Thanks in advance.

370
grahulp5
QPN Level 3 ●●●
3 years ago
S
Spafford4
asked in Custom Code
Need help setting rank-order answers as embedded data with conditional answer options

Hi everyone,So basically I have a few multiple choice questions that look like this:And depending on which ones are selected from these I then have a rank question where only the options selected in these will be shown:Now I need to have the options that are displayed above saved as embedded data so that I can pipe it in to various sections later on. To do this I was planning on using JS that looks like below:However, it turns out that the first choice is always "Mission" in this case, and doesn't respect which values are actually being shown. I know in general, if I want all displayed choices for example I'd have ${q://QID41/ChoiceGroup/DisplayedChoices}. Does anyone know if I can access each individual displayed value, one at a time, so that I can save it as embedded data?

940
grahulp5
QPN Level 3 ●●●
3 years ago
T
TS28
asked in Custom Code
How to use repeated appearance of labels in slider question?

Hi community,For my survey research I have a slider question included multiple statements. I would like to add the labels of the slider on top (likely Likert; see photo attached) before each statement. For example, for the slider of the statements "ambient humidity" and "caffeine consumption".Thanks in advance!Tzlil Shushan

1130
grahulp5
QPN Level 3 ●●●
3 years ago
H
HaninNoori
asked in Custom Code
Is there a way to infer the age of participants from date of birth template question? MM,DD,YYY

Hi everyone, I have used one of the Qualtrics library questions on date of birth (MM, DD, YYYY) and I have published my survey and got some responses from participants. I'm analyzing my data and I was wondering whether there is a way to infer the age of participants directly from the date of birth template question, so that it is shown directly in the data and analysis tab.Thank you so much

350
grahulp5
QPN Level 3 ●●●
3 years ago
V
Veg_nessa
asked in Custom Code
Hover over for COMPLETE newb - I have no idea how to actually do the HTML stuff

Hi,I am developing a survey (uni project) where I have a term that is really very specific and instead of having the definition in your face every single time - like cut and paste to the bottom of every question in the survey (its really ugly), I would REALLY like to do a hover over, like I have seen people achieve here in the community.The problem is that the code to use in HTML is lost on me, I have no idea how to actually apply it, so how do I type it in, am I supposed to delete the question part? or paste my question in the middle of the code?... how do I make it so you hover over a word and my definition can be seen? Is it as simple as just cut and pasting the code at the start of the term and it should work?Terribly sorry folks, we didn't do this level of computing back in the day when I was in school and returning as a mature age student, keeping up with this tech and doing my own field of study is proving a little challenging this time!Thank you so much,V.

5520
A
Level 7 ●●●●●●●
3 years ago

Motivational Playlist

Terms & Conditions