Custom Code | XM Community
Skip to main content

Custom Code

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

  • 7,437 Topics
  • 23,529 Replies
7437 Topics
KatherineD
Level 1 ●
KatherineDLevel 1 ●
asked in Custom Code
Is there a way to hyperlink text in a graphic?

I've imported slides from a powerpoint as graphics, but need the hyperlinks in the slides to work.

40
TomG
Level 8 ●●●●●●●●
mklubeck
Level 3 ●●●
mklubeckLevel 3 ●●●
asked in Custom Code
Have custom font, loaded it to my library. How do I call it?

I know how to call a font from a URL@font-face {font-family: myFirstFont;src: url(https://fonts.gstatic.com/s/tangerine/v11/IurY6Y5j_oScZZow4VOxCZZM.woff2);}div {font-family: myFirstFont;}But how to I reference a file in my Qualtrics Library?Any ideas?Marty

370
mklubeck
Level 3 ●●●
G
Guigui
asked in Custom Code
How to count the number of time a participant push a key ?

Hi everyone,I'm new on this forum.I'm here because i try to record the number of time a participant press a key when a text is displayed on the screen. So i try to adapt a script i fund here to build this function (my only training in programmation is a 20 hours tuto on openclassroom...). I add the script in the question (in fact in the descriptive text). Here is my attempt :Qualtrics.SurveyEngine.addOnReady(function() {                                           let questionId = "NumberOfPushG" ;                                                     document.onkeydown = function(event) {                                                  let i = 0                                                                               if (event.which == 71){                                                                  event.preventDefault();                                                                i += 1                                                                                 Qualtri

250
G
A
adstr
asked in Custom Code
Piped text in math operation not working properly

I've been messing around with the math operations in Qualtrics and have repeatedly been treated with {Invalid Expression}. After some testing I believe it's from the piped text within the expression. For instance, I set up this very simple survey: I've tested the survey by using the 'Preview' button and have input numbers like 1 or 2 or 3 into text box for Q1. I've also tried changing the validation to make sure whatever entered is a number. However, the expression in Q2 always returns {Invalid Expression}. Is there something wrong with my syntax?

4490
TomG
Level 8 ●●●●●●●●
L
LeeMer
asked in Custom Code
Custom phone number validation

Hi everyone. Hope you well. Quite new to qualtrics and busy setting up a project for a big client. I need to be able a validation that checks that the phone number entered to contact the respondent is 10 digits long e.g 082 555 1277. There are options like this in the validation box but only for select countries. Is there a way to create the same effect but for non-specific countries? Thanks in advance

7840
M
ChhaviChauhan
Level 1 ●
ChhaviChauhanLevel 1 ●
posted in Custom Code
Signature ques type customization

I have one query regarding the extraction of input text from Signature question type.I want to apply a read only logic depending on the input of Signature box -var SignatureBox= jQuery("#QID8-Signature.InputText");if(SignatureBox.val()!==''|| SignatureBox.val()!=='Sign Here'){q.find(".InputText").prop("readonly",true);}It would be very helpful if you can guide me on this issue.

180
ChhaviChauhan
Level 1 ●
M
MuseMarketing
asked in Custom Code
iFrame into Website

I've used the iFrame language I found online, but I can't seem to get my survey to show on my website. Thoughts?

50
M
N
nckp
asked in Custom Code
Email Trigger - Format selected choices in a bulleted list

I'm creating an event sign up form. I have an email trigger that will email the respondent a confirmation email and want to include a list of the events they signed up for. The piped text for the survey question will allow me to display the respondent's selected choices, but they're in a comma-separated line of text when I'd rather show the selected choices in a bulleted list (or at least each choice on a different line). Is this possible?

230
TomG
Level 8 ●●●●●●●●
A
AnnaH
asked in Custom Code
How to dynamically change question text based on month and year?

Hi! I'd like to automate my survey to make a question dynamically change based on the month and year. For example, if it's Jan/Feb/Mar, one version of the question would be asked (with different options), and if it's Apr/May/Jun, a different version would be asked.

540
A
R
RJSJR31167
asked in Custom Code
Using Loops & Merges for multiple blocks, but would like to have the same brands asked across all

Hi there -I'm working on a survey to ask a series of brand attributes for 3 randomly selected brands. Because there are multiple attribute topics, I'd like to split them up in different blocks but have the same brands asked about in all of my loops. Is there a way to do this? Also: is there a way to use a single brand list but prioritize certain brands? (Ideally, I'd like to have a maximum of three brands asked, but at least 1 of those need to be from parent brand A).Thanks!

140
TomG
Level 8 ●●●●●●●●
P
PauloOliveira_PT
asked in Custom Code
Embeded RTSP stream video

Hi. I have a RTSP stream video, is it possible to embeded this feed in a survey? How?

60
P
jflowers1
Level 4 ●●●●
jflowers1Level 4 ●●●●
asked in Custom Code
Make Header Container Transparent

Is it possible to make the header container transparent? I've come across other posts about how to change the color of it, but I haven't been able to get it transparent. My survey has a background image but right now the header puts a white box over it at the top of the page.

280
TomG
Level 8 ●●●●●●●●
KristyP
Level 2 ●●
KristyPLevel 2 ●●
asked in Custom Code
Adding custom CSS for all questions/answer options

Hi everyone, We need to use a specific font for branding and I'd love to find a way to apply this to all questions and question answers (multiple choice, etc), but am having a hard time figuring out the right CSS to use. I tried to inspect the code in the survey to see what the question elements were called and I can't seem to figure it out...I'm sure I'm missing something stupidly obvious. Has anyone used the custom css to dictate question font/sizes etc? If so, what were the element name(s) you used to do this? This is a version of something I tried, though in all honesty my CSS coding skills are very rusty ;) /* Place your CSS here */ < whatever the element name is > { font-family:'Roboto-Light',sans-serif; font-size:16px; color:#333333; letter-spacing:0.5; line-height:24px; } Thanks! Kristy

13450
dekennedy7
Level 2 ●●
R
Reece
asked in Custom Code
Make a single pdf of submitted pdfs for physics exam

Hello, I don't know if this is the right board for my problem. I suspect the solution will require interaction with the API, so I placed it here. I've done some digging and experimenting on this, but hopefully I can get an answer or workaround on this.I'm a physics instructor at a university, and I am attempting to use Qualtrics to administer my final exam due to COVID-19. So far, Qualtrics offers far and away the most customizability, and I've been able to figure out how to do everything I want to customize.However, I can't find any customizability for student reports. I'm sure there must be a solution, so I'm asking here.For my exams, I want to administer six sections on different physics topics. On each section, students need to handwrite their solutions to the physics problems, and upload as a file (preferably a pdf). Qualtrics handles that part great.Then I want to make a pdf for each student, where the pdf is made of the submitted pdfs of their answers. Not links to wher

220
R
S
sal3937
asked in Custom Code
Fit entire slider on mobile version

Hi y'all,With the help of this community I successfully put in some javascript for making a bipolar slider scale (thank you!), however, my next question I cannot seem to get right. I found some similar questions to mine, but either I'm not editing their code correctly or I'm putting it in the wrong spot so I thought I would just directly ask.How do I fit the entire slider scale on the mobile version so that participants do not have to slide to the side in order to respond with values on the right side of the scale?I am extremely new to html so any help is appreciated!

1630
TomG
Level 8 ●●●●●●●●
S
SRLab
asked in Custom Code
Send message / incorporate new page in survey while in progress

I will be using the survey as an exam and would like to send a reminder to students that there is 10 mins left. Moreover, my questions are all randomized, so I cannot insert a page after X amount of questions. I will be keeping the time (aka, I don't have a code in place as a timer because of the questions randomization). Is there a way I can send a message to the current participants (as a pop-op window or similar, but not an email as they might not be looking at their email while anxiously filing out the exam)? Or include a page within the survey that would change even the partial completes link (and not just be applicable to new participants)? Or am I just asking too much from Qualtrics programming? Ha! Ha!

80
TomG
Level 8 ●●●●●●●●
L
len57
asked in Custom Code
Custom Validation Side by Side

I am trying to get JS /Custom Code for Custom Validation for free-form text in Side-by-side Question In this question, I would like Custom Validation for the blanks to be from the range of 0-24 (given that it is number of hours in a day). Without JS I would have to manually load Custom Validation for each cell like thisWondering if anyone has gotten around this tedious way and is willing to share their code. Thank you!

2170
L
T
theresa
asked in Custom Code
Log reaction time of key press + auto-advance

Hi there, I am trying to set up a multiple choice question with two answer options that does the following things: 1. The time it takes the respondent to make a decision is recorded (I do this by adding a timing question) 2. Instead of using the mouse, I want respondents to use either of two designated keys on the keyboard to log their response 3. The respondent should then advance automatically to the next question/block once they made a decision I found some code that should do exactly that (see below). However - for some reason I don't understand - it does the following things instead: 1. I need to select an answer with the mouse. Thus, pressing j or k in order to select an answer doesn't do the trick. 2. However, once I selected an answer with the mouse and I press either j or k, I do advance to the next question. What could be going wrong here and how can I fix it? Thanks so much in advance! Theresa Qualtrics.SurveyEngine.addOnload(function() { this.hideNextButton();

3980
K
U
Level 3 ●●●
uhrxx005Level 3 ●●●
asked in Custom Code
Mobile-friendly matrix without accordian

Is there a way to do this? I want the mobile-friendly view, but not the accordian. My Matrix questions only have 1 statement each so the accordian makes them un-usable.

230
TomG
Level 8 ●●●●●●●●
I
I012208
asked in Custom Code
Adding new Font and display under the Look & Feel

I am using CSS to add a new font type. How can I get the font type to display in the Look & Feel -> Style -> Font area? I can see that the font is applied to the survey but it does not appear in the list of available fonts. Here is my CSS. @font-face { font-family: Monteressat-Italic; src: url(https://.qualtrics.com/Q/FilesSection/File.php?F=F_***); }

610
mklubeck
Level 3 ●●●
E
E_SIM1
asked in Custom Code
Embedded data timing flag not changing

Hi, I have an embedded data timing flag that is meant to change from '1' to '0' after 300 seconds (participants view randomised images during this time). It functions well (i.e., changes to '0' after 300 seconds) on most occasions, yet there have been a few times where the flag doesn't change and participants are taken to the end of the survey (skipping the next questions with the '0' display logic). Has anyone also experienced this issue/or have some ideas as to why the flags might not change?Thanks.

40
LaurenK
Former XM Community Team Member
A
AndreaA
asked in Custom Code
Setting Embedded Data Valued from External Source (e.g. .csv file or any form of DB)

Hi, I am new to Qualtrics and really can't get past this.In my Survey, I ask participants to solve some problems, where the parameters of the problems change across questions. For convenience, let's call the set of parameters that define a specific question/problem criterium. Hence, a specific question is identified with its crtierium.Assume that I have Database (.e.g. csv file) with two columns: a criterium and values of interest.For each criterium there are multiple possible values.The problem is the following: everytime a question corresponding to a given criterium is asked (I randomize them) I would like to draw all the possible corresponding values (the one that have that criterium) from the Database and then pick a random value among them. Once the value is picked it would be used within the block where that questions belongs.As far as I understood, if I was able to put them into an array in JavaScript, then randomizing among the values would be easy.Then I guess the problem boil

5700
A
G
GeorgeFejer
asked in Custom Code
How to implement a LoopCounter variable in the display logic?

Dear community,I cannot figure out how to implement a loop counter as an embedded variable during the loop.Basically I am trying to go through a list of 80 randomly selected words in the loop and merge. Depending on whether loopcounter is at 0, 20, 40, 60 counts, I want to set an instruction to alternate between two forms: one where the text displays 'distant' and one where it displays similar. Basically these are condition blocks, that tell the participant to indicate a word that is 'distant' or 'similar' to the stimulus word.Any suggestions on how I can implement a loop counter in the display logic of the text field?

1070
Paige_Sevigny
D
dz123
asked in Custom Code
Slider Max Value Dependent On Previous Answer

Hello,Is there any way to set the "Max value" of a slider equal to an Embedded Data value? I assume this would require some Javascript, but I'm not sure what the code would be.(To give more info: I am creating a survey which includes a slider question. I want to make the "Max value" of this slider equal to a previous answer in the survey. I figured I could just record the previous answer as embedded data, and use it to determine the slider's max value. However, there doesn't seem to be any easy way to do that.A hack-y way to get around my problem would be to create multiple sliders, one for each possible previous answer value, and then use display logic so respondents see the appropriate slider. However, there are 250 potential answers, and I'd rather not make 250 different sliders, if possible.) Thank you!

3400
D
R
Rahul
asked in Custom Code
Passing values using global variable

my requirement is as follows:User selects a value from a dropdown listIn case dropdown doesn't include value matching to user's needs he/she can include one thru a free text questions.I want to display the final selection by user on subsequesnt pages. so if user chooses a predefined value from dropdown then display this or if he defines his own value in the textbox than display this.any suggestions will be greatly apreciated.

320
B
Level 2 ●●

Motivational Playlist

Terms & Conditions