Custom Code

In a Multiple Choice question, the respondent is allowed to select no more than 2 options. Depending on which one they select, an Text Entry question appears. I added Validation in order to make sure they get an error, but the error only appears after the respondent clicks Next. How can I stop them from selecting more than 2 options right away?I found the following script in the Community, but it's not working for me...this.questionclick = function(event,element){var selectedchoice=this.getSelectedChoices();if(selectedchoice.length==4){jQuery("#NextButton").click()}}

I am using a graphic slider question and would like to replace the default images (i.e., 5 smiley faces) with my own, custom images.Can this be done using JavaScript?

when a survey is completed, a loading page is displayed before redirecting to an external page.My question is if this page can be removed? and be redirected directly to the external thank you page.

Hello, I would like to know if there is any option how to make participants able to deselect some answer after selecting? There are no default answers, but as none of the questions is required, I would like participants to be able to change their mind later and not answer to some question after they have already selected some possibility (and as I have already plenty of choices I don´t want to add a new option "N/A" or something like that). Thank you for any advice.

Respondents record a start time (time to bed) and and end time (time out of bed) in separate questions using flatpickr’s time picker. The responses are recorded in the format, for example, 11:00 PM and 8:00 AM, for start time and end time respectively.I need to calculate time in bed = (time out of bed - time to bed) in minutes. Based on the suggestion of @TomG, I have attempted to do so with moment.js but have not been successful. Any help would be appreciated.First, I am unsure if I have properly loaded the moment.js library. To do so, I included in the Look & Feel Header:<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> To calculate time in bed, I attempted the following:Qualtrics.SurveyEngine.addOnload(function() {  // Function to calculate and store the time in bed

I have the below java script code to measure the time spent on hovering a flip-card (text question) in Qualtrics. I am trying to get the results of the time in seconds and unable to figure where the results are stored.Any help would be appreciated.

I want to create some sort of a validation in Qualtrics to ensure a person only enters a letter or a character, as may be the case for someone who users snr. or jnr. in their last name. How do go about this; the custom validation does not seem to have this, and I see a provision for JavaScript but am not familiar. Your help would be highly appreciated.  Regards. 

In a survey, I need the font of all questions to be Bold and the answer text normal. Except for the first question, which is a Text/Graphic with an introduction text. Right now, this text is bold as well, because Qualtrics recognizes it as a question (I guess). I tried to override it in the Custom CSS like this without success. Ideas? /* QID1 question normal font */#welkom .QuestionText {  font-weight: normal !important;}

I have a survey with the Simple Layout, and some custom CSS for the Back/ Next buttons. The problem is that while hovering with the mouse over “Next’ turns te background to my primary color, hovering over “Back’ makes it light gray. I think this is the standard for that layout.How can I override the hover background color of the Back button?This is what I have right now:/* next button */#navigation #next-button {    background-color: #BEBEBE;    color: #192743;    font-weight: bold;    font-size: 13px;    width: 100px;    margin-left: auto;}/* previous button */#navigation #previous-button {    background-color: #BEBEBE;    color: #192743;    font-weight: bold;    font-size: 13px;    width: 120px;    margin-right: auto;    border: none;} 

I need to limit the dates on the Date Picker to show 4/1/19 to 6/30/19, but am having trouble on locating where to edit this. I found a string of code (shown below) that can limit the dates, but am not sure where to place it within the code. Any help would be greatly appreciated! var cal1 = new YAHOO.widget.Calendar("cal1","cal1Container", { pagedate: "1/5/2017", mindate: "1/5/2017", maxdate: "1/15/2017" } );

I am uploading a custom font to my library as a file type “OTF” and can’t find the option to copy the link to it. Is there any other option?

Would anyone be able to share JavaScript code to change the background color of individual questions, but leave the background color of the choices as is? Can’t be applied to the whole survey, just certain individual questions. I have a specific hex code, not a color name. Trying to mimic the idea below…  

how we can exclude emoji’s in people’s verbatim?

Hello! I am trying to create a study in which participants will be randomly shown 5 prewritten lists of items out of ~400 lists, and will be asked to rate each item in each list on a 7-point scale. Currently my code to display the lists looks like this: Qualtrics.SurveyEngine.addOnload(function() {  // define an array of 400ish lists (5 shown as an example)  const allCS = ["ex1", "ex2", "ex3", "ex4", "ex5"];    // function to randomly select 5 lists from the array  function selectRandomChoiceSets(array, count) {    const shuffled = array.sort(() => 0.5 - Math.random());    return shuffled.slice(0, count);  }    // randomly select 5 lists  const selectedCS = selectRandomChoiceSets(allCS, 5);    // display the lists within the question named ‘cs’  const questionContainer = document.getElementById('cs');

Hi, I am looking for custom code to put a red frame around one of 6 choices in a multiple choice question. The multiple choice question includes 6 images (all of which are graphics) to choose from. To start, I want one of the options to have a red frame around it (so that I can reference it in the question stem). Then, I want to carry forward these six options to a subsequent multiple choice question and for this question, I want the red box to be removed. This would be easy to do (without custom code) if the multiple choice questions always included the same 6 options, but they don't. The 6 options included for a given participant are drawn from a larger pool of 40 options and then once drawn, the order of these options is randomized. And, I need the same six options to be present in the second multiple choice question (the one without the red box) and I also need them to be in the same order as in the first question. I am assuming that this should be pretty easy to do with javascri

I’d like to have people listen to their favorite songs (via embedded YouTube video code) in my survey.  I tried having people copy and paste a YouTube link in a text box. Then I tried trimming the first several characters of the piped text such that the unique video identifier is only captured. I’d like to insert this trimmed piped text into the embed video HTML code into a separate block and have the videos autoplay. Ideally, I’d only want the audio play too.  Does anyone know how I can insert piped text into embed code so that people can have individualized YouTube audio in their survey?  Thanks! 

Does anyone have any custom code to enhance the arrows to the left and right of the statements in a carousel question? Right now our participants are saying that they don't stand out enough so I want to do a double arrows or bolder bigger buttons but I can't figure out the CSS.

Hi all,I've been struggling with some regex validation. I'm building a survey that has a text entry field, and the entry has to follow the format:##/#####That is, it must be 2 numbers followed by a forward slash "/" followed by 5 more numbers. I thought the below regex would work, but unfortunately it isn't.[0-9]{2} [\\/] [0-9]{5}Can anyone tell me what the regex expression needs to be?

I want to have a text entry when the respondent select the other in the dropdown list, and ask the respondent to fill in the specific information. What should I do? !

Hello everyone,I have made a custom code by which users can select date, time, or datetime by the mui-x component.Please check it out and let me know if there's a request for a new feature. https://github.com/keita-makino/qualtrics-calendar

Hello!I am trying to write a JS code which automatically selects the only choice of my fourth drill down question (treatment status, as shown in the picture below), but I have not been successful. I have found this code (https://gist.github.com/marketinview/8310ba82acde38be62f007095bbe0278#file-answeronechoicemc-js-L2) that works for multiple choice questions, but I am not sure how it should be adapted to a drill down question.Could anyone help with this?Thanks so much!Ieda

Do you know if there is a way to prevent a survey from being printed? I can do it on a normal webpage by using a stylesheet for media=”print” <link rel="stylesheet" type="text/css" href="print.css" media="print" />Can something like this be done on a Qualtrics survey page? 

I would like to use custom CSS to style creatives such as the popover and responsive dialog creative. I can apply custom CSS to surveys but I’m not finding a way to do with for creatives. Any advice?

Hello,I'm encountering difficulties embedding a PowerBI dashboard on a Qualtrics survey using an IFrame. The main issue is the inability to adjust the width of the embedded dashboard, which results in unwanted scroll bars.I've reviewed the available documentation for Qualtrics but haven't found a solution specific to this problem. I'm seeking assistance, guidance, or insights on successfully embedding the PowerBI dashboard using an IFrame on a Qualtrics survey, ensuring the width is maximized.Any help, tips, or instructions to resolve this issue would be greatly appreciated. If there are any recommended resources or support channels to explore, please share them with me.Thank you for your assistance.Tal

Hi, Im trying to make a survey for my master thesis but im really stuck on something. I created two different chat surveys (where the particpatns can have a chat with a simulation of a chatbot) on SurveySparrow. 1 is the control chatbot and the other the treatment. I want to integrate these two in my survey on Qualitrics (in the middle after the introduciton and demographic questions but before the questions that measure the experiences of the respondents) as randomization in the sense that the respondents either are directed to the control chatbot or the treatmnet chatbot. However, I cannot manage to do this… Can someone please help me!