Custom Code | XM Community
Skip to main content

Custom Code

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

  • 7,294 Topics
  • 22,941 Replies
7294 Topics
H
HelenWilliams
posted in Custom Code
Can I vary the time a question (stimulus slide) is presented for using field in Loop&Merge?

I have an experiment where we would like to vary the time a blank inter-stimulus 'slide' is shown for. My stimuli will be words entered in Loop&Merge fields. I was wondering if it is possible to use code (html? java?) on my blank inter-stimulus 'slides' (question pages) to get the timing on those pages to be controlled by another field in the Loop&Merge. Ideally we want timing to vary between 250ms and 1,250ms, so in a field in the Loop&Merge I would psuedo-randomly assign timings of 250, 500, 750, 1000, 1250 to different stimuli.

16811
sarafelix
2 years ago
S
Sylvester_Thorn
posted in Custom Code
filter on answer (higher than/lower than) on same page

I am looking to create a function that will filter answers from a question on same page. in qid B1B the chosen code, and all codes with a lower numeric value from B1A, must be removed, while higher codes must be displayed. i have this bit of code (that works in a script in confirmit) - how do i make it perform the same way in Qualtrics? //My scripting:function B1Bk() //the function called to filter answerlist B1B { var s = new Set() var max = 31; if ( f('B1A')==max ) //If the highest value is selected {  s = max; //we want to ensure that a logical answer is shown, so max is always shown } else if (f('B1A').toBoolean()) //if B1a is not=max, but still has been given an answer { var a = f('B1A').toInt() ;       a=a+1      s=nnset(a,max); //limit answers displayed to the codes higher than the chosen one, up to max value } return s}I am complete new to qualtrics, but has worked with the way confirmit uses javascript/j-script for some years now.

30
S
2 years ago
C
ChrisGuideDogs
asked in Custom Code
Is it possible to validate the answers to questions based on previous answers?

Hi - I have two numeric questions, but I would like to force the second question to have a higher number than the first one. For example:Q1. Age of the youngest person in the group? Q2. Age of the oldest person in the group? obviously, if someone enters '15' in the first box, they shouldn't be allowed to enter anything under 15 in the second.Is there any way of doing this?

332
C
2 years ago
J
jedonet
asked in Custom Code
Can I count lines of text in a text entry box?

Hi there! I've been building an experiment on Qualtrics. Basically I am looking for participants to repeat a phrase a number of times and I'd like to count the number of times they retype that one phrase. I had originally done this through a text box, but that would leave me to count it manually after the experiment, which isn't ideal. So I have three possible solutions that make sense in my head, but I'm not sure if Qualtrics would allow me to use any of them. Counting the number of times a phrase is repeated. I don't like this option because I want participants to be able to make a few mistakes in their typing and have it still counted. Having the participants press "enter/return" and move to a new line in the text box with each repetition, and then counting the total number of lines used. This feels the simplest to me in terms of what I've already built, but I'm concerned may only be solved through JS, which I don't have experience with. Using a Form Field instead of a Text box, but

426
J
2 years ago
G
Level 2 ●●
gsheppardLevel 2 ●●
asked in Custom Code
Javascript Coding Drop Down Issue

Hi everyone,I created a form field that is using javascript from the community link below. It is working great when I tested it on the original question. I am re-using this question multiple times in the survey and so I just duplicated the question. When I checked the response data I noticed that the additional questions are displaying what was recorded in the 1st question. I assume there is something I need to change for each question so that the response data, piped text, and future embedded data knows what was in the field of each question and doesn't reference the 1st response choices. I'm still a pretty new person to javascript, so any guidance would be appreciated. Thanks.https://community.qualtrics.com/XMcommunity/discussion/6235/how-can-i-put-a-drop-down-list-in-a-form-question-field

1303
G
Level 2 ●●
2 years ago
jflowers1
Level 4 ●●●●
jflowers1Level 4 ●●●●
posted in Custom Code
Dropdown List in Form Field Not Working on Retake

I'm using Javascript to add a drop down list to a form field question. It's working fine for the most part -- it records my selected choice, and I can see my selected choice still if I use the Back button. However once my response is submitted, if I retake it the selected choice isn't there anymore. I'm not sure what I'm doing wrong. Below is the JS that I have on that question. Am I missing something? I'm also trying to make it read only on retake and I don't know if that's messing with it.

650
jflowers1
Level 4 ●●●●
2 years ago
K
KMT
asked in Custom Code
Alternate row shading

Hi - could anyone help me with (light grey) shading for alternate rows on a side by side format?

3915
S
2 years ago
A
akennedy
asked in Custom Code
Increase the width of the answer boxes for Matrix Constant Sum

We're asking for numeric responses and this only shows about 4 digits at a time. Makes it difficult to correct errors when the last few digits were entered incorrectly.I've seen some posts showing a code to enter in the Custom CSS in "Look and feel", but they aren't working for me

2483
A
2 years ago
J
Level 2 ●●
JaimeVLevel 2 ●●
asked in Custom Code
Constant sum with must sum 100 validation or less

Hi, I am trying to find a way for the validator not to allow more than 100 in total, but allow less.I checked this code from mvanepps and this code from ahmedA but I can't make it work. I am not allowed to click on next without the error.Any clue please?Thanks

1953
grahulp5
QPN Level 3 ●●●
2 years ago
J
Level 2 ●●
JaimeVLevel 2 ●●
asked in Custom Code
Add a text entry box below a multi select box

Qualtrics doesn't allow me to show a text entry box after a Multi Select Box as "in page". So what would be the code to add a text entry bar below the multi select box, please?Thanks

1253
Tom_1842
Level 8 ●●●●●●●●
2 years ago
A
ahana
asked in Custom Code
Ways to start and end label to choice values in rank-order questions

Hi all,I believe I'm in need of some custom code here, although please point me to the source if a standard way of doing this exists already.I have a rank-order question, with 4 statements and I want to use the radio-button option for the subjects to rank them (see pic attached). The choice options are 1/2/3/4. I want to add the phrase "most important" on top of 1 and the phrase "least important" on top of 4. I wasn't able to create/locate custom code for this purpose, and I was hoping if anyone here can help me out with this.Thanks in advance!

1162
A
2 years ago
W
wlohrenz
asked in Custom Code
Can I make a matrix question collapsible by statement group?

I have a matrix question with several groups of statements. I would like to collapse each statement group, so you can expand just one group at a time. Is this possible? I don't have a lot of experience using JavaScript.

571
grahulp5
QPN Level 3 ●●●
2 years ago
MikeW
Level 5 ●●●●●
MikeWLevel 5 ●●●●●
asked in Custom Code
Pipe answers from a previous matrix likert question

I'd like to pipe answers from previously answered matrix likert questions e.g. from Question A to Question B. I don't think I can do this with Default Choices, so assume I need to use JavaScript to "tick" the options that were selected at the previous question. What's the best way to do this? I have about 5 questions each with about 8 statements x 100+ scale points.

721
grahulp5
QPN Level 3 ●●●
2 years ago
avill17
avill17
asked in Custom Code
How do code a 'Withdraw from Study' button with two imbedded links?

For my survey, I used Javascript to insert a 'Withdraw from Study' button into the Footer of my survey. Right now, when that button is clicked, it automatically redirects to one seperate Qualtrics survey link. This is the code used for the Withdraw Button (with Google.ca as a placeholder for the actual link):

1001
grahulp5
QPN Level 3 ●●●
2 years ago
A
Arch133
asked in Custom Code
Multiple Choice Question

I am trying to fetch selected answer choices recode value of a checkbox question on the same page for a validation on onReady. I tried fetching this in an array and if that answer is unselected then it should also be removed from the array. I tried assigning span class to each answer list, not able to fetch that too. Can anyone please help me with this.

11
grahulp5
QPN Level 3 ●●●
2 years ago
P
pkelly2000
asked in Custom Code
Does anyone know how I can have my inquisit responses subjectID recorded on Qualtrics? Inquisit has

Did I embed correctly? What is the next step? In my survey, I provide a clickable link, but not sure if i have to "pipe text" it? And Right now I get the error "unable to get subjectid from URl parameter subjectid"

283
K
Level 5 ●●●●●
2 years ago
L
LizFronsoe
posted in Custom Code
Working on a survey that hasn't been maintained for years and am out of my depth

I'm new here, from the University of Minnesota. I use Qualtrics in my role, but am not a developer. Recently one of our survey's has stopped working (at a certain point in the survey) and we are looking for a developer that would contract to go through all of the original custom code and survey to help us do any maintenance or if need be build off the existing survey for it to work under any platform updates since the survey was created (back in 2015 I'm told).It's an open source tool we use in the community and internationally at this point, also currently being used for a research study so not great timing for it to have issues.Can anyone help or point us in the right direction with recommendations of developers?

213
L
2 years ago
L
Laura_qual
asked in Custom Code
How do I specify the size of text box in the 'Allow text entry' section using CSS?

How do I specify the size of text box in the 'Allow text entry' section using CSS?

6685
H
2 years ago
cash
cash
asked in Custom Code
For a Mobile-Friendly Likert Matrix, how collapse the last statement after a value is selected?

We like the way each statement in a Likert Matrix collapses the accordion, after a scale value is selected (on a mobile device). However, the last statement never collapses after a selection is made. Our client really wants the behavior to be consistent, with the LAST statement also collapsing on selection. How can we force the last statement's scale to collapse upon clicking a radio? For example, in the graphic below, a pain rating is given per body segment. As each body segment is rated, it automatically collapses and expands the next body segment's rating scale. It would be great if when selecting the last body segment (e.g. Legs) it would also collapse that rating and display the text of the selection (like on all the other body segments). Is there a way to force that with CSS or jquery?

2693
cash
2 years ago
S
SariNijssen
asked in Custom Code
How can I create a dynamic trade-off slider?

Hi! I appreciate any help on this.For a study I'm looking to create a slider that displays a trade-off between two options. Participants have to decide how much of a resource to spend towards Option A, which automatically affects how much of that resource is left to spend on Option B. For example, when participants choose to spend 60% of their resources on Option A, the slider should automatically show that 40% goes toward Option B. I can achieve this to some extent with the 'Constant Sum' question type, but a) this is not a dynamic item and b) I would prefer to have my item as a single-item. This is what it should ideally look like:

782
S
2 years ago
R
Level 2 ●●
RyanBrickmanLevel 2 ●●
asked in Custom Code
Spacing Between Answers

HelloI believe what I need may require some coding/programming. The question type is a "Form Field" and one that has three labels (company name, customer name, email address), then there is the field to enter the data. I need to increase the spacing between these labels so they are completely horizontal and not layered. I attached a screen short, This way it is easier to read and not so cramped together, thanks. Hoping that labels can be completely horizontal so there are not two layers to the lables.docx

81813
G
2 years ago
P
pkelly2000
posted in Custom Code
Inquisit and Qualtrics

Does anyone know how I can have my inquisit responses subjectID recorded on Qualtrics. Inquisit has a webpage that describes it using computer jargon that I am not familiar with.

322
P
2 years ago
E
Erika
asked in Custom Code
Remove underline in the Table of Contents

Can anyone tell me what the custom code is to remove the underlines in the Table of Contents?

814
E
2 years ago
L
leasavoy
posted in Custom Code
Using Keyboard to Select Correct Answer AND Auto-Advance

I am currently working on a study with Navon letters and would like participants to use their key board to answer correctly, I would also like it to auto-advance to the next question. This is the java script I have been using. Please let me know what I can do to make this work! Qualtrics.SurveyEngine.addOnload(function() { /*Place your JavaScript here to run when the page loads*/    var qobj = this;    jQuery(document).keypress(function(event) {        var key = event.key.toUpperCase();        if(key == "J" || key == "F") {            jQuery(this).trigger("mouseup");            if(key == "J") qobj.setChoiceValueByRecodeValue(1,true);            else qobj.setChoiceValueByRecodeValue(2,true);         }    });});Qualtrics.SurveyEngine.addOnReady(function()  { /*Place your JavaScript here to run when the page is fully displayed*/jQuery('input[type="radio"]').on('click',function(){jQuery('#NextButton').click();});});Qualtrics.SurveyEngine.addOnUnload(function(){ /*Place you

240
L
2 years ago
M
ms1843
asked in Custom Code
Align Form Field to Top Row of Text (Not Middle)

Hello! I am trying to make my form field look a bit better. I want to align the text boxes to the top row of text. I searched for custom code but came up empty. Any help is much appreciated!

1375
Mishraji
Level 4 ●●●●
2 years ago

Motivational Playlist

Terms & Conditions