Custom Code

I have two embedded youtube videos and I want to track the number of times someone presses play without using youtube api. Anyone have a code for this? 

Hello,I have a survey with images that I would like to present as HotSpot questions. I would like the presentation of these questions to be custom-sized to fit the survey takers’ screens. Currently, I have the following CSS code under Look and feel > Style.#SkinContent{ width:100vw; } #SkinContent{ height:100vw; } .Skin .HotSpot .QuestionBody{display: flex;justify-content: center;}.Skin .HotSpot .QuestionBody {  width: 85% !important;  height: 85% !important;}The idea here was to size the “canvas” on which the images are presented to the screen (100vw) and to center the images and size them such that they cover 85% of this screen area. The last part of this snippet of code didn’t seem to do anything. I also tried other variations I could find online, to no effect. How can I custom-size a HotSpot question? Your help would be much appreciated.

Hello amazing users! I need to make the bullet points equally in space between them.I tried a java code I found, but it does not seem to work, so, where do I put a code and what code should I use to made both my Likert and Bipolar scales items even in distance between them? Just bear in mind I am total dork in these things, I am just starting learning about custom code in Qualtrics by you :) Thank you!

I know that I can increase the width of the view window by:.Skin, .SkinInner {width:100% !important;}.Skin .QuestionOuter.Matrix{ max-width: 100%; }But how do I get it to align the text and questions to the centre of the page rather than left justified?

I would like to know how to create a gradation between flat, modern, and classic layouts in terms of Look and Feel.If possible, please post the code.

Have a scenario where  1 email contact is completing survey on behalf of multiple customer surveys. That email address is part of a list that also includes customer name & customer id #.  The upload list process allows multiple occurrences of the email address, however Qualtrics is removing duplicate email addresses prior to distributing. Is there a way to tell it to dedupe based on another field, i.,e customer id, instead of the email address?

Hi everyone!I'm trying to have a pop-up message on the screen upon selection of a particular answer for a multiple-choice question.I'm trying to see if I can change participants' responses after the warning message, so it is important to record their first choices and whether they changed their minds or not.If choice #1 is selected, I need a pop message to show on the screen at the moment the participant select that choice.I need Qualtrics to record the response they selected that caused the pop up to appear, andI need to provide an opportunity for participants to change their choices after seeing the pop up message.I need that both the first choice and second choice to be recorded.I tried this:var that = this; var msg = 'INSERT ERROR TEXT HERE'; jQuery("#NextButton").on('click',function(){ var correctrecode = 8; var choiceid = jQuery("#"+that.questionId+" input[type='radio']:checked").attr("choiceid"); var selectedrecode = that.getChoiceRecodeValue ( choicei

Hi all, I have never used JavaScript before, so I’m trying to implement Javascript I’ve found from here https://stackoverflow.com/questions/47317718/how-to-use-automatically-move-respondents-in-qualtrics-with-global-timer-for-blo and edits from herewith the goal of creating a 10-minute timer that is visible to the participant and will continue throughout an entire block with page breaks (thus, why I cannot use the native timer function) and will auto-advance participants to the next block once time is up. Having never used JavaScript and CSS much, I presume this block of code is meant to go in the Custom CSS section of style (for some reason or another). .header-cont { width:100%; position:fixed; top:0px; z-index:1000; } .header { height:auto; background:#FFFFFF; width:100%; top: 0px; margin:0px auto; position:fixed; z-index:1000; } .timer{ width: 500px; margin: auto; text-align: center; vertical-align: middle; line-height: 50p

Good evening, I am doing a study which contains randomly assigned groups. Some means of answer of the survey will show to the respondents (long story) but here is my problem: Is there any way that would allow a response count to be embedded data? So that I could start the randomization after some answers are already recorded? Or some other feature that would start the randomization after, for example, 10 answers? Only way I could think is doing a separate survey for the first respondents but this is not very optimal.  Thank you!!

Hi, I have looked at other resposnes but the code doesnt work for me. I need to make the month and year fields a dropdown. Could someone help?  

Hello, I want to create a JavaScript script for an uploaded video (from the library) that will address the following issues:1. The video should appear automatically (autoplay).2. The size should fit various screens, especially laptops, cellphones, and tablets.3. Participants will not be able to click on the next button until the video reaches its end.For issue 1, I'm using this code:```html<video autoplay loop=true style="pointer-events: none; width: 80%">    <source src="my video" type="video/mp4" />    Sorry, your browser doesn't support embedded videos.</video>```For issue 3, I haven't used any code. Instead, I added another "timing" question to the page and delayed the display of the next button until the end of the video (I inserted the time it should stop).The problems I'm encountering are:a. The video continues to play despite the next button appearing at the end of the segment. The video loops, and I want to stop the looping and end playback when the video's t

Hi community,I’m trying to set up a survey with lots of service topics, and all the topics share the same time slots. People can choose max. 2 topics and 2 different time slots in a single response, and I hope that when a respondent answer the second question for choosing time slot, the time slot they selected in the first question will automatically disappear, which can prevent respondent from choosing the same /duplicate time slot for 2 different topics. ( Since they could not attend 2 service in the same time) Below is the only way I know to make the selected choice disappear (the questions below are all different topics) , but it is very manual to add every display logic in every time slots. Do you have any good ideas on it? Very appreciate for the reply if someone knows :)   

Hi, I am including some custom Javascript to add in text for response options that appear when hovering over the response text. If the survey respondent does not have Javascript enabled, how does that affect the display and functionalities of the survey?  Thanks!

Hello Qualtrics community! I am posting because I would like to see text selection made available for USERS of the survey to select text from generated survey responses. USERS = general public accessing surveys, not Qualtrics account holders. I am trying chrome extensions and other methods for working around this terrible website decision, and would appreciate any and all ideas about how to make text selection possible! To note, I realize there is a PDF option available for download, but this does not meet our needs either. Selecting text from a website is such a basic function! 

¿Hay alguien que conozca como hacer una encuesta incrustada para una pagina web? Gracias

Hi Everyone,My friend and I are currently creating a survey for our master project. To shortly describe the essence of the survey: we aim to provide the respondents with financial information (namely Revenue, Costs and Net Earnings), where they then need to predict the revenue and costs for the forthcoming year. Once they have done that, we would like the survey to display how far off they were (in percentage). We have tried to adjust the java script to incorporate it, but it just constantly says the answer deviated 100%. Do you know how to display how far off the respondents were once they have completed the survey?. We possess the unique IDs for input fields. However, it seems that it makes the deviation before the respondents have given their answer (hence the deviation of 100%). The code (sorry for the Danish phrases):Qualtrics.SurveyEngine.addOnReady(function() {    // Define the actual numbers    var actualOmsaetning = 100;    var actualOmkostninger = -80;    var actualAaretsResu

Hello everyone,I need help with JavaScript as I am quite a novice. I have a pick,group,rank type of question (named "Q1”). There is only one group, and 19 choices (choices are letters, not numbers), participants are allowed to put as many choices as they want (no restriction, can be 1, can be 7) into the group by dragging them to the group, and then rank them in the order they want. In the next question, I want to carry-forward their choices in the order they have put (just to repeat as text question, not as choices), but when I do “carry forward” it does not consider the ranking. I am guessing the best way is to create an embedded field by javascript that saves the rank. I attempted to modify some JavaScript codes I found here, but none of it worked. I would greatly appreciate any help with this. Thank you in advance.-DA recent JS I tried, most probably very wrong as it does not work:Qualtrics.SurveyEngine.addOnload(function(){    /*Place Your Javascript Below This Line*/        // st

In my survey participants will need to rank the following chocolate bars from most preferred to least preferred: Snickers, Mars, Twix, Bounty, Picnic, Kit Kat, Milky Way, Crunchie, Cherry Ripe, and Twirl. This is a rank order type question and the format of the question is drag and drop. After participants rank the chocolate bars from most preferred to least preferred I would like to display their two most preferred chocolate bars and three least preferred chocolate bars on the following screen. They will then need to choose one of these five bars. Here is what I have put down in the survey flow: In my item ranking question I have included the following javascript:Qualtrics.SurveyEngine.addOnload(function() {    var rankQuestionId = 'QID14'; // Replace with the actual Question ID of the Rank Order question    var rankData = [];    jQuery("#" + rankQuestionId + " .draggable").each(function() {        var choiceText = jQuery(this).find(".draghandle span").text();        var ranking = jQu

I couldn’t find this question asked or a similar solution anywhere, my apologies if it is covered elsewhere. I wanted to make a date picker but wanted to avoid third party dependencies like what is needed with flatpickr.  HTML5 has a native calendar input type, let’s try to use that!  I got it working, but have to manually define the QID variable rather than building it as a string like is shown in many of the flatpickr examples here. So I have this code in my question’s HTML:<input id="datepicker" type="date" />Then I have this in the Questions’ javascript:Qualtrics.SurveyEngine.addOnReady(function(){jQuery(document).ready(function(){ jQuery("#datepicker").change(function(){ var selectedDate = jQuery(this).val(); jQuery("#QID3 .InputText").val(selectedDate); });});});It works great!  But, look at the last line of data there-- I am manually defining the QID string rather than building it on the fly.  That is because the whole thing is nested so the ‘this’ keyword is not l

In the survey I am building, respondents may select multiple options from a list of titles, each of which is associated with one or more dates. The list of titles and their dates is different for each respondent, and will be stored in a contact list.Based on the subset of titles a respondent selects, I would like to retrieve all the relevant dates so I can ask questions pertaining to those dates. Is there a good way to reference and then filter the embedded data from the contact list based on selected values? I suspect JavaScript will be important here, but it’s not my strong suit. To clarify, suppose we had a contact list formatted like this:email address titles dates one@example.com “Yes, this is an example.” || “Another example might look like this.” 2021 || 2018 two@example.com “I have a lot of titles to my name.” || “This title is not like the others.” || “Another example might look like this.” 2017 || 2022 || 2018  I am then posing a question like, “Which of these

Hello,I have a Custom End of Survey element to show a response summary, and I checked the box “Show Response Summary before completing the survey” because we would like respondents to have the opportunity to review their responses before submitting them. Unfortunately, the response summary is auto-forwarding and submitting the survey responses after appearing for just a couple seconds.I reached out to Qualtrics Support for an explanation, and their tech team said that this is occurring because of custom JavaScript code that I was using to hide a question on the survey. Specifically, they said the code to automatically click the “next” button on the hidden question was somehow also clicking the “next” button when the response summary appeared (though it’s a mystery to me as to why that would happen). They said that removing that JavaScript code should resolve the issue, but I need it to hide a form question that is saving question response values to be used as the key in a subsequent Lo

Hello everyone, Wish you all the best for this new year :)Find below a screenshot of one of my survey star rating question, as you can see I feel like we don’t see the stars enough, is there anything I can do to highlight them or maybe add square around them. Note that I already have below Javascript for the question : Qualtrics.SurveyEngine.addOnload(function() {jQuery("#"+this.questionId+" tr").each(function() {var row = jQuery(this);var th = row.after("<tr></tr>").find("th").attr("colspan","4").css("text-align","left");th.remove();});$('thead').remove();});Let me know if you have any idea :) 

My javascript works, the only issue is that it only works when first going back to the page that has the questions and then press next again.  Each script is set to one question that has javascript. All QID questions are on one page, the survey also goes automatically to the next page after selecting an option for each multiple choice (single choice) question.Qualtrics.SurveyEngine.addOnPageSubmit(function () { var answer = "${q://QID212/ChoiceGroup/SelectedChoices}"; if (answer == 'Kromstraat 72/72a' || answer == 'Logeerboerderij') { Qualtrics.SurveyEngine.setEmbeddedData('Filter2_Logeren', answer); Qualtrics.SurveyEngine.setEmbeddedData('Filter16', 'Zelf doen'); }});Qualtrics.SurveyEngine.addOnPageSubmit(function () { var answer = "${q://QID250/ChoiceGroup/SelectedChoices}"; if (answer == 'Ja') { Qualtrics.SurveyEngine.setEmbeddedData('Filter2_NSO', 'Xieje'); Qualtrics.SurveyEngine.setEmbeddedData('Filter16', 'Zelf doen'); }});Qualtrics.S

Hi, I am trying to group postcodes to LGA’s (e.g. postcode 2016 to code frame 106) but it’s being coded to 105..all the codes are off by 1..how can i fix this bug?   

Hello! I’ve tried the following regex to test for text entry answers (string) that contain 6 to 10 characters: ^.{6,10}$While this works for validating the question, it does not work for terminating respondents whose answers don’t fall within these parameters.(I’m aware that I could change the data type from string to number but I am new to coding so not sure how to do so in javascript -- a kind person shared code for automatically adding commas to currency numbers but this makes the value a string so I’m trying to figure out how to validate based on number of characters).