Custom Code

Excuse me for repeating a question asked several times but I can't find my way.My organization uses Montserrat font on our website and I would like to use it on Qualtrics as well.What's the easiest way to do this?Currently I get the font here (header) : https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" />and I apply it in the css like this : "h1, h2, h3, h4, h5, h6, p, div, span, a {  font: 14px "Montserrat", sans-serif;}"but i have to apply a size, when i only want to set a font !thank you for helping me :)

I tried to add the placeholders to a text input in multiple ways with Javascript. In the survey footer. In the individual question javascript.Qualtrics.SurveyEngine.addOnReady(function(){ /*Place your JavaScript here to run when the page is fully displayed*/ jQuery("#" + this.questionId).find(".QuestionBody").prepend("

Hello, I am trying to set-up a timer that will be initiated upon starting a certain block within a survey. The timer should appear on the top of the screen regardless of scrolling and continue to count down as the participant clicks through different pages within the block. Upon the timer reaching 0, I want the survey to progress to a final question (a pseudo-end screen, it can be in the same block or in its own block if that helps) and upon this question loading the timer would no longer be visible.I have very little programming experience so I am mostly just grabbing code I can find online and trying to adapt it. The code I have found is able to make a timer appear when the block starts and remain on screen despite scrolling but upon reaching 0 it just displays text and doesn't advance anything. It also persists at the top of the screen when at my "pseudo-end screen" as well as when the actual survey termination end screen appears.The following code is added onto

Regardless of how many times we tell people to leave a field blank if they have nothing to add they continue to write in "No" which is also found in other comments along with other words. Is there a way to add a category for when someone only says the word no instead of the category picking up other sentences that have the word "no" along with other words?

I have inserted the following code into two survey questions to allow the respondent to add more "Other" rows to a matrix table, using a "Add Other" button. It works beautifully when I preview the individual question in survey builder, but does nothing when I preview the survey as a whole or use the anonymous link for distribution. Looking at the code, any ideas on why it doesn't work when I run through the whole survey?This is what it looks like when programmed-

We create a registration page where the business owner goes and selects the questions they want to ask their clients, which we have pre-populated. Once they have selected their questions, custom links are generated for the number of clients (links) they have requested. They then send out these links and each customer sees the questions the business owner selected. I think I accidentally erased some custom code in our survey because the links aren't being generated anymore. How do I get the links to generate?

I am looking to create an expandable drop down menu using JS. For example, the drop down menu would initially include 15 commonly-chosen countries, with an option to expand the drop-down list to include all 200+ countries. I've searched the threads and haven't found any examples of this

Hello, I am creating a survey in Qualtrics but have 1-2 questions that I need to use javascript for in order to customize. Specifically, I am trying to add a question in which the respondent will start typing a response and the survey will auto-complete the response (or pull from a very large drop-down menu). I am hoping for respondents to be able to include multiple answers. It seems like I need to use the Select2 feature but I can't figure out from the site how to do this. Where is the "header" that I need to put code into in order to use the select2 (probably using the wrong words here- I'm a newbie!)? Thank you!

Dear Community,I am looking to auto fill fields in constant sum question to a total of 100.For example in a two field constant sum question, when one filed is filled as 30 then next one should auto fill as 70 (attaching visual as well).Could you please help with with this functionality (JS code?)Many thanks!

I'm trying to do an object location test survey so it is important pictures of objects and the answer boxes have options in the same order.For this participants must look at a group of objects and then drag and drop them, on the next page, in the same order they remember seeing them in.The problem is that I made the drag and drop so it was in 3 rows and so made sure the answer boxes were also 3 rows. However, when previewing the question it shows only 2 rows. This wouldn't work for an object location test as the order wouldn't be the same. (I've attached pictures for reference). So, just wanted to know if there were any custom codes to allow the actual survey question to end up looking the same as the one I made on Qualtrics (so 3 rows). Thanks.

I have a set of matrix questions (Max-Diff) and when viewed they are aligned on the left side of the page (see image). I am hoping to align these in the center. Is there css or java code to achieve this?

Hello,I am trying to change the background color of the slider bar (Draggable Sliders) to a color gradient going from red to yellow to green. I found the following post which addresses my question and used the following custom css from that link: .Skin .horizontalbar .Slider .track { background-image: linear-gradient(-90deg,red,yellow,green); }Once the css has been added the slider bars disappear (see included image) instead of the intended color gradient.I also tried the following javascript but had similar results.var that=this.questionId; jQuery(".track:eq(0)").css({ "background-image":"linear-gradient(-90deg,red,yell

I have loop and merge block with one Text Entry question. The question should display as field 1: text box, as shown in the picture below. I used javascript to place the field 1 text (in this case, swim : ) just before the text box. I also added some javascript so that once someone types their answer, they can press ENTER to continue (the next button has been removed). I would like the cursor to automatically appear in the text box such that individuals can start typing without having to use the mouse to navigate to the text box. I found a solution that almost works. It works on every loop in "Preview" mode but only on the first time through the loop in the actual published survey

I want the choices laid out like this: Loved it I have a few more graphic images like this but basically I want the text to be at the bottom of the image and not beside it.

Hi, I am creating an experiment in which participants must watch films and hit the space bar at certain times. I have managed to disable controls of the video and register the space bar presses. However, as I am interested in the timing of the button presses I want to prevent the video from having to stop to buffer. Is it possible to add custom code to force the video to be loaded completely before play?I am hosting the videos on server of my own, as I assume that will give me the most flexibility.Thanks for any advice!

Does anyone know how to insert a cloze test in a qualtrics online survey?

Please let me know if you understand.Creating a survey in Customer Experience. I set an image for the questionnaire background, but I want to change the size displayed on the PC and SP, but I can't do it. Please tell me how to change the scale.分かる方いればぜひ教えてください。Customer Experienceでアンケートを作成中です。アンケート背景に画像を設定していますが、PCとSPで表示されるサイズを変更したいが出来ない。どのようにすれば、縮尺を変更出来るか教えて欲しいです。

I used Javascript from this post to create Next and Back buttons at the top of my surveys. It worked without any apparent problems in a test survey I set up. However, when I applied it to the final versions of two different surveys, the buttons do not work on certain pages; clicking it turns the button white, and not action is performed. I can't seem to isolate the problem; there doesn't seem to be any type of item or customization that exists in the pages or blocks where the buttons don't work that doesn't also exist on pages where the buttons do work.Is anyone aware of things that might interfere with the functionality of this Javascript, like other Javascript in a header or question, other content in the Admin theme, Display/Skip Logic, Look & Feel headers, custom validation, etc.?

I have a household composition question set up like this:How many people are there living in your household?  1 2 3 4 5 6 7 8 9 10 More than 10 people live in my householdThen I have a follow up question asking for the age ranges of those household members with a text box beside each age range: Please indicate the age of the members of your household.0-3 years4-9 years10-15 years16 - 17 years 18 - 24 years 25 - 34 years 35 - 44 years 45 - 54 years 55 - 64 years 65 - 74 years 75 years or olderHow do you set this up with a validation?I set it up as as a constant sum and pasted ${q://QID80/ChoiceGroup/SelectedChoices} in the "Choice Must Total" box but it does not seem to work.

Hello everyoneI am currently building an experiment in which im using embed youtube videos (videos i created then uploaded).Thanks to the forum i found how to put the video in full screen and automaticaly play it. I also use "timed question" to prevent the respondends to rewatch the video.However im having trouble for finding the correct code (html and Java) for disabling pause and deleting video recommendation/name etc. I know the question has already been asked, still im stuck... If any of you could help that would be wonderfulHere are my codes : Htmlhttps://www.youtube.com/embed/2bk28Y42BlY?autoplay=1" width="560">Java

Hi EveryoneI hope I have posted in the right area. We have an NPS question with labels for 1 and 10 only - 'Poor' and 'Very Good'. My problem is that the labels don't sit over 1 and 10 as intended, but sit out to the far left and right, with Very Good sitting over N/A. I've listed below the various code used to achieve the current layout - are we going about this the right way?Desktop preview:Mobile preview:We've used the above layout to ensure the rating fits to mobile screens horizontally rather than vertically, which has been an issue with a previous matrix likert layout, as well as avoiding a horizontal scroll bar:

Hi all,I'm a novice with JS trying to cobble together a few related ideas from other posts.Goal: Set an embedded data field r1_wordcount equal to the total number of words from a text entry field (in case it matters, the name of the text entry question is r1_typing). In a later block, I want to show participants that value (e.g., "Your answer contained ${e://Field/r1_word_count} words"). Not knowing JS myself, I've tinkered with other postings and come up with this as my best guess: Qualtrics.SurveyEngine.addOnload(function(){ /*Place your JavaScript here to run when the page loads*/});Qualtrics.SurveyEngine.addOnRe

Hi everyoneI'm interested in creating a slider-type Constant Sum question that can snap to grid so that the slider can change at pre-defined increments (e.g, 5, 10, 15, 20 etc. instead of 1, 2, 3 etc.).This is similar to the "snap to grid" feature currently available using Slider questions. However, my question consists of various choices (below) and I'm interested in understanding the breakdown of respondents' answers (whilst forcing a validation where the total sum of entries equal 100%).Any assistance would be greatly appreciated.Thanks!

I am utilizing an online sleep diary to assess sleep patterns over the past week. Specifically I am asking participants the time they got into bed, the time they actually fell asleep, and the time they woke up the next day. I am using a side by side question format with text entry boxes for hours and minutes for the time they got into bed, fell asleep, and woke up. What I am trying to do is compute calculations to get the total time spent in bed, and the time they actually fell asleep. I was wondering if anyone in the Qualtrics community has feedback on how to do this or if there is a different question format I can utilize to perform these calculations in an easier fashion. Thank you in advance for your help.

Hi, I have used descriptive texts to provide instructions before my survey questions. I have deleted the question number. On edit survey view its all good. But when i preview, a dot appears before my text (Which i presume was with the question number i deleted). Any idea how this can be removed?