Custom Code

Hello! We are designing a survey that will be administered over the phone. To make it easy on our Teleservice reps, it would be ideal if we could have an "out" built in if a respondent should decide they no longer wish to participate. That way, the reps don't have to keep clicking the "Next" button all the way until the end of the survey. Does anyone know if creating this button is possible? Or would it be better to include an "Exit Survey" response to every question that would take the reps to the end of the survey? Thank you!

My colleague has created a dropdown button for me using HTML and JavaScript and I want to save that particular question block in the Library. So I saved it, it copied over the HTML and JavaScript perfectly, however when I open it in the Library, click “View block” or import the question block in another survey, the formatting isn’t showing. Like the coding doesn’t apply. I’m unable to identify the reason why, anyone has an idea why this is happening? Thank you so much!

Hi people,We had embedded the following javascript to embed a video and an emotion slider in our Qualtrics survey. Details of the javascript are below:Define various parameters, such as the URL of a video, its name, duration, time interval for sampling, and initialize vectors to store user input data Define a custom slider function (mySliderFunction) to create a graphical slider with a button that users can drag to provide input. The slider is visually represented on an HTML canvas using the Raphael library. Disable the next button on the survey page initially. Load a video element on the page with the specified video URL. Create an HTML canvas using Raphael and set up the endpoints of the slider. Initialize the slider on the canvas using the previously defined slider function. Play the video, set up a timer to capture user input at regular intervals. After a specified duration, stop the timer, save the captured data as embedded Qualtrics survey data,  display a message on the can

Hello, Our group is developing surveys for a large study, and we give each participant an ID number. For new participants, the format is "AJA-XXXX" where the X's are digits 0-9. For visiting participants, the format is "AJA-XXXX.X." Here are some ID numbers that fit: > * 1. AJA-2001 > * 2. AJA-2163 > * 3. AJA-2003.1 > * 4. AJA-2002.2 > However, we don't want the following: > * aja-2002 (first part not capitalized) > * AJA3012 (no dash) > * AJA-2009. (a period, but no digit afterwards) > * AJA-1008.01 (two digits after the period) > After some googling, I came up with ``[T][R][T]\\-\\d{4}[\\.]?[\\d{1}]?`` but it didn't work :/ I would be extremely grateful for any help or suggestions. Thanks!

I am trying to make it so that a little icon is present in the corner of specific question blocks, and when users click on it, an image pops up that they can close to return to the survey (so not in a new tab or page, but just opens as a smaller window on the survey). I have some javascript code and html code that I’ve been playing around with, and I’ve gotten the icon to appear and be clickable, but the window doesn’t pop up when clicked. I think maybe I’m putting code in the wrong place. Does anyone know how to achieve this? 

Hi Everyone, I am using Katex to write some math questions that involves algebraic expressions like x squared and etc. I used this forum to incorporate the Katex: The solution provided there worked but works only if there is one question with Katex. I tried to use the same steps for a second question and now in the preview all i get is some weird long text that is filled with some code. Can anyone help how to resolve this?

Hi All! I'm using the 'pick, group, rank' question type, where subjects are clicking and dragging images into different groups. I'd like for them to be able to specify their own names for the group titles. For the text in the 'items' section, I see an option to 'allow text entry', but this is not allowed for the titles of the groups. Nevertheless, the group titles do allow for piped text. So on a separate page before the 'pick, group, rank' task, I made a set of multiple choice questions with manual text entry, so people can type in group names, and this is piped into the group title grid. However, I would really like these multiple choice questions to be on the same page as the 'pick, group, rank' task, because I want participants to be able to define their own groups in real time. Right now, I only seem to be able to get the piped text to work if the text is inputted on a separate page, because these answers need to be 'submitted' before they can be piped. So what I'd love hel

Hello everybody,I am new to javascript. I am trying to imitate a shopping cart scenario. I have a multiple choice question where people are shown several products with price/kg. They are asked to select as many products as they prefer to buy. I am trying to dynamically show the amount of money they are spending based on the options they select at the bottom of the page, similar as in online purchases. After the multiple choice question I added a text question and under “Question behaviour” I wrote the script in the javascript. However, it is not working as the question which should show the total amount of money spent is not being updated. Thankk you very much if you respond!!! The script is:Qualtrics.SurveyEngine.addOnload(function() {    // Specify the question ID for the Multiple Choice question    var multipleChoiceQuestionId = 'QID1'; // Replace with your actual question ID    // Mapping of monetary values to choices    var monetaryValues = {        '1': 4.25,        '2': 2.10,   

Hello,In my organization’s 508 compliance review, they found issues with the color of hover-over highlighting across the questionnaire and around our radio buttons in matrix questions.We need to modify the hover-over to change colors, consistent with the recommendations from our 508 team. Would you be able to help me with codes to change the color of the hover-over focus highlighting across the questionnaire to be color contrast 508-compliant, to color code #3D7AB7 ? In this case, I would also need to change the text color of the radio buttons and question text to be white, #FFFFFF.  Additionally, the matrix radio buttons in our survey have a unique “shadow” around them that is not 508 compliant (see image). I want to remove the “shadow” and change button to have a white, #FFFFFF color when focused on/hovered over. I have not had any luck working with codes to remove the shadow/change the color of the button when hovered over/focused.  Alternatively, do you know of a way to remove the

I am experimenting with Qualtrics EX program for employee pulse surveys. These are run via an anonymous link that is distributed to all employees to complete. The first question that employees are asked is to select their “Group” and “Division” these are pre-set via an org hierarchy.The problem with this is, while you can force a response to the question, you cannot force a response on both levels. As in, if someone was to select their “Group”, then they are not forced to select their “Division” because the response requirement has been met. This can create incorrect results if someone fails to select their “Division”The only solution I can see while maintaining the Anonymous link, is to utilise JavaScript to create a 2nd force response in the one question, but I can’t seem to get it to work.This is what has been created so far. I have replaced the Group and Division names with dummy and divvy for this example. Note not every “Group” has a Division, Dummy3 is just a Group. “orgname” is

Hi, I was wondering if anyone has been able to create/knows how to create a repeated measures third-party punishment game? I have SMARTIQS template for it here: https://smartriqs.com/demos/but wasn’t sure how to get it to play multiple rounds (same assignments, allocation amounts don’t roll over but start from the beginning again). 

Hello,As a part of a study, I need the respondent to see the current (live) average answer of other respondents in the survey. So that the average is shown before the answer choices. This is to evaluate how the opinion of others affects the response. I am very new to coding in Qualtrcis and after searching similar topics from the forum I found little to no help to this task. Because of the nature of the study, doing another survey and linking the averages this to the current survey is probably not an option (this was suggested in other discussions in the forum). To make this hard enough, I need to be able to show the answers of spesific group to a responded which belongs to a spesific group. But help for the first task is more important, maybe I can figure this latter later. Thank you so much for any tips in advance!

Hi there,I would like to know about how to set specific dates and times as options through JavaScript. While I’ve come across many articles explaining how to set up time, I haven’t found any that mentioned how to set specific dates and times “within the same question”.I’m curious if this is feasible and how it can be accomplished. Below is the code I’ve written so far, and currently, it allows setting dates, but I’m having trouble specifying the time：  I’ve reviewed some articles which indicates how to set up time picker, but it’s not in the same question with specific dates, and most important, we could not assign specific times through it. Any help or step-by step go through would be much appreciated, thanks in advance!

Hello, we are trying to add custom language translation to “total” in the constant sum question. I see this has javascript, but are there any ways that we can add custom language translation in html?  Thank you!

Am designing a survey using sliding scale bars. Would like the numeric scale labels AND descriptive labels to appear underneath the scale bar as opposed to above. Pictured is what I currently see. Qualtrics support confirmed this would need a custom code to accomplish. Ideally both the numbers and the descriptions (“Light sleep,” “Deep sleep”) would be below the sliding bar. 

I am not a UX designer at all, but I wonder if anyone can help me with some css to make all of the colors the secondary and only have the banner be the primary? Made this mockup of a theme, but what I need is the secondary color applied to everything but the banner (see the image) . I can interpret css somewhat and could change color codes, just no idea how to write it on my own.  

Hello,I have a problem with my experiment.I have a part in my experiment when participants have to wait for 20 minutes before proceeding to the next part. But since they do it from home and are paid for their participation, I would like to screen out and expel those who try to cheat their way and take less or more time to return.What I originally tried was setting embedded data variables:t1 - the time they reached the part where they had to wait (for example 14:20).t2 - the time they clicked to move to the next part (for example 14:40).t3 - subtracting t1 from t2 to get how much time they waited.This is the equation I created: $e{e://Field/t1 - e://Field/t2}Then I tried to set logic rules that if t3 is smaller than 17 or bigger than 25, they would be screened out. But it didn’t work.What did I do wrong? Is there a better option?Have a good weekend.Best,Daniel

I have uploaded a word document to a survey and am hoping to track which survey takers down the document. I have used a previous thread about tracking whether a link is clicked to get started. I created an embedded variable, "download", and set it equal to "0". Then I used some javascript provided in this post: https://www.qualtrics.com/community/discussion/2809/track-whether-a-link-is-clicked-in-qualtrics-even-a-respondent-leaves-for-the-opened-new-page. I can tell that the issue is with the JQuery link since it uses a #extLink. However, I am not sure what to use here for a downloaded file. Any help would be appreciated. Qualtrics.SurveyEngine.addOnload(function() {  jQuery('#extLink').click(function(event) {    Qualtrics.SurveyEngine.setEmbeddedData("download", "1");  });

Hello,Can someone help me with the JavaScript that would multiply the value of two text entry fields for which I have set validations of content type as "number". The result of the multiplication of these two fields needs to be displayed in a third field (Text Entry).Basically all I want is to multiply the amount of cards being requested by the $ amount in each card.I'm not a programmer, so I'm afraid this may be harder than I'm thinking it will be given these are currently text entry fields (strings), and somehow they need to be converted to numerical even though that is what the content type is set to?Below are the 3 fields I'm referring to.Number of cards: ${q://QID11/ChoiceTextEntryValue}Amount per card: ${q://QID12/ChoiceTextEntryValue}Total amount requested: ${q://QID13/ChoiceTextEntryValue}I assume I need the JavaScript to be placed under the "Total amount requested" field but not sure where in the options.Qualtrics.SurveyEngine.addOnload(function(){ /*Place your JavaScript here

Hi! I’m very inexperienced with qualtrics and I could use some help with a specific point: I want to make a manipulation by asking participants to write a paragraph in the text entry type of question. However, I’m afraid they might use chatGPT to produce the text and fail my manipulation. Therefore, how do I create and insert a code that makes it not possible for people to copy & paste texts in their responses?  I saw someone else here using the following code on JS, but it didn’t work for me: jQuery("#"+this.questionId+" .InputText:eq(0)").on("cut copy paste",function(e) {   e.preventDefault();  }); This is the link to where they mentioned this code:  Thank you! 

Hi  I have this form field set up where I want people to type in 4 digits coupon number. I want them to be able to fill as many or as few boxes as they like.In other words, if they want to fill one box, fine. If they want to fill 3 boxes, fine. If they want to fill 5 boxes, is also fine.  In each box, I want Numerical value only  4 digits only  The first of the 4 digits has to be 7 or 8The last bullet point is where I struggle with.  I tried match regrex in the custom validation, which works fine on its own. But not when they type in more than one box. For example, people were still able to type 7555 in the first box and 1234 in the second box… I did played around with the AND OR if clause, but nothing seem to work… Again, I want them to be able to fill as many or as few boxes as they like.  I tried calling Qualtrics, but seems that solution lies in JavaScript. I have zero JavaScript knowledge. But I managed to write this code. But it’s still not exactly what I wanted because now, they

I’m looking to validate times entered within a loop and merge block with each loop (so if it passes on one loop, it can still fail later and ask to adjust times). Collecting times from a drop down matrix table with a ‘start’ and ‘end’ time. I’ve also created recodes to turn all the times into base 10 (9:00 am = 9, 1:30 pm = 13.5, etc). I can get the first loop to validate correctly with this: The comparison value is the piped recode value of the “end time” drop down. But then if I try to add conditions for the other loops, the validation doesn’t work. I’ve tried both new logic sets and integrated logic sets.Separate LogicIntegrated Logic Thanks!Val

Hi there!I am using a multiple choice question, in which each answer option is an image. Multiple images can be selected.Now in the next question (which can either be in the same block, but I can also move it to a new block if needed), I would like to have a text entry question, and somehow display the pictures that a participant selected in the previous question. This can either be done in the text box of the text entry question, or I could also add an additional text/graphic question before that. Essentially I would like to say: You selected these pictures (show pictures). Can you please explain why?I can not use carry over for a text entry question apparently. I tried to use embedded data for this (following this approach ), adapted to my needs. My JS looks like this:Qualtrics.SurveyEngine.addOnPageSubmit(function() {    var images = {"https://descil.eu.qualtrics.com/CP/Graphic.php?IM=IM_C1garYIF9jpASax":"01",              "https://descil.eu.qualtrics.com/CP/Graphic.php?":"02",     

This use to work, but now seems to be broken…I have a bunch  of images in Google Drive folders that I need to display in Qualtrics. I've been doing it by using the following code:<img src="https://drive.google.com/uc?export=view&id=[Image ID]">where the Image ID comes from the location of the image in the google folder, e.g., https://drive.google.com/file/d/[Image ID]/ I don't know why it stopped working, but it did. The images are set to be publicly visible, and I don't know what else to check. Any ideas?      

I am embedding two separate youtube videos in my survey across two blocks. How can I record the number of times each video is played?