Developer Corner

Hi All, Can some help me with code to hide next button for 10 seconds and autoadvance after 10 seconds

I have two questions and need to validate the answer to second question based on first.The questions are:Which of the two do you think you spend more on? (Multiple choice)FlipkartAmazonEqually bothDivide 100 points such that your allocation reflects the relative expenditure across two platforms. (Constant sum)Flipkart ___________Amazon ___________Total ___________I want to put two validations for answer to the second question:The allocation should be 50-50 in case option (c) is selected for Q1, otherwise it should be greater than 50 for option selected in Q1.The sum of allocation to Flipkart and Amazon should add up to 100. (this is easy to be done alone, but I don't know how to do it along with first validation)Please help me with the same.

In the survey I’m currently working on, we have our users upload a receipt. I’d like to have that receipt in an iframe later on in the survey so they can reference it for other questions. However, when I try to set up the iframe using embedded data (<iframe src="${e://Field/receipt}"></iframe>), it loads a blank frame and opens the file twice in new tabs.Is it possible to load it in the survey itself, rather than a tab? I feel like I must be missing something obvious.

Does anyone have any experience with generating a .qsf file (or otherwise automatically creating questions for a project) from csv data?I have a project which requires a survey with questions of the same exact template, differing only in one word. Any time I upload a .qsf file generated with custom python code I reliably get a data validation error, having made sure there are no special characters and that the code is valid JSON. Of course the problem lies in the custom code generation (as importing, say, a .qsf file I just exported from the online tool works). My question is, how do folks normally go about generating monotonous questions from data?For extra information, the nature of the project is collecting data on human ratings of gender association for a set of words (in the csv). There are a couple of hundred, so I plan on creating subsets, and then generating a survey from those subsets.I am not married to a custom solution at all; an API call solution would be great too.Thanks!

I am using a slider for an income question. I indicate that the answer is "in thousands of dollars" as the slider goes from 10 to 200 (for carry-over purposes, I need approximate values). So if the answer is $21,000, the participant should slide to 21. My question is: Is there a way for the value shown on the slider (when I click on "show value" to display $21,000 (with or without the dollar sign) instead of 21?

Hi everyone, thanks for your help.I'm using the DatePicker from the Qualtrics Library, and I want to modify it for a user to select 4 dates. I can add statements and the datepicker functionality remains intact. However, when I try to change the range of possible years in the dropdown menu, it only applies to the first statement/row - the rest still show the original default range instead of the one I'd like.Imported from Qualtrics Library, added statements to allow for 4 dates instead of one:Javascript template tells me to simply change the yearFirst and yearLast variables, and don't touch the rest. This works for the first row (Testing Date 1) to limit available years to just 2021 and 2022, but the rest of the year dropdowns still show a 1900-2049 range.

Hello,I have a matrix-type question with 9 scale points. These scale points are piped-text to several other questions however, some of those questions do not require one of the 9 scale points. How do I hide that one scale point for those questions?

Has anyone tried using a jQuery change event on a question? Here is what I have tried: Qualtrics.SurveyEngine.addOnReady(function() { var that = this; // change event on a dropdown list jQuery( "select[name='QR\\~QID11']" ).change(function() _ // only advance if a response is selected if (jQuery( "select[name='QR\\~QID11']" ).val() != '') _ alert("list option changed"); // testing how many times this change event is fired that.clickNextButton(); // move to the next page } _); _); (I had to replace the { and } in the code above with _ otherwise I could not post the code here without a 'You don't have permission to access' error on this forum.) Anyway, when I tried the code above it fires the change event multiple times when I select an option from a dropdown list. As a result my survey skips ahead more than one page. (when I look at the source code on the survey it seems the change event app

Hello!I'm new to Qualtrics, and working on a survey that collects respondent information and then displays data based on this content back to the respondent. The survey company that I'm using will already have respondents' zip codes, but I'm having trouble figuring out how to link the zip code to my data spreadsheet so that later in the survey I can tell them the information that's linked to their zip code using piped text (I.e. the amount of money their zip code spends on pre school). I've tried using both a contact list and embedded data, but I've had trouble getting the data to display or figuring out where to store the spreadsheet that links respondents' zip codes to the spending data. I've also tried following the link below https://www.qualtrics.com/community/discussion/1443/how-to-assign-an-embedded-variable-based-on-zip-code , but I'm using a huge spreadsheet with thousands of zip codes so I didn't want to hand code that into the embedded data field if I could avoid it. Does an

I have a Qualtrics survey written mostly with custom JS. Throughout, I use CSS stylings to manipulate the background colour of the page body. At some point in the last week, my CSS stopped displaying properly (having worked correctly since January). Below is a minimal example of my code; the issue is that the html, body{ } chunk doesn’t affect the page body (i.e., it’s white rather than black). I’d be grateful for any suggestions! My script: <!DOCTYPE html><html><head><style>html, body {  height: 100% !important;  margin: 0;  padding: 0;  background-color: black !important;}p {  color: white;  font-size: 18px;}</style></head><body><p>Some text</p></body></html> EDIT: I’ve tried altering the background colour inline, to no avail.

Hi all, I'd like to display question separator in the whole survey. In the old Look & feel editor, it was easy. Unfortunately, I can't find the way while using the new one. Therefore I tried some CSS code. I ended up with the one below, however, it doesn't work at all: .Separator{ border-style: solid!important; border-width: 5px!important; border-color:green!important; height: 5px!important; color:green!important; background-color:green!important; display:block!important;} I've also tried the code by @Shashi from this discussion, but nothing happened. The question separator is there and its HTML looks like this: <div id="QID10Separator" class="Separator" data-runtime-show="runtime.SeparatorDisplayed"></div> I use the classic layout and rthe compact spacing. Thanks for any ideas!

Hi All! I am teaching myself how to write CSS code for qualtrics surveys and so far not doing too badly (thanks to this community). Where I am primarily stuck is knowing what the label (skin) names are for each of the question types and elements.I have listed some of them below and I am sort of figuring out what each of these elements represent, but it is hit or miss in some cases. I also find that I am missing some, or unable to change certain things. there must be a master reference list somewhere, yes? Can someone help?.Skin .InputText.Skin label.MultipleAnswer.Skin label.MultipleAnswer.q-focused .Skin label.SingleAnswer.Skin label.q-checkbox.Skin label.q-radio.Skin .Matrix .table-cell.Skin .q-matrix .answered-indicator span.Skin .q-matrix .table-cell

Hello Everyone,I am need of help to align the columns in a side by side question.The below are the scenario for a side by side questions in the survey i am building, there are four possibilities.1) Label + 2 Choice (Drop Down List)2) Label + 2 Column (Free Text)3) Label + 1 Column (Free Text) + 1 Choice (Drop Down List)4) Label + 1 Column (Free Text)Can someone please help with a Javascript with which i can define the width for the Question Label, Free text box etc..When i inspect the elements, sometime i see the code with WidthStrut, in somecases i dont see them, there is style element with width in %I have Added this javascript at the question level :var lwidth = "250px";    //width of labelsvar cwidth = "350px";    //width of labels jQuery("#"+this.questionId+" tr.Headings"+" .WidthStrut").css("width", lwidth); jQuery("#"+this.questionId+" th.SBS1"+" .WidthStrut").css("width", cwidth); In Qualtrics Preview, when i inspect the element the below is what i see. Can someone tell me wha

Hello,I am currently designing a survey and I was wondering if someone could help me with the custom code to bold all the questions while not bolding the options to those questions on a survey. I also want to keep the font size and colour uniform.Since I am using a theme for my organization, I am unable to use the options under style in look and feel tab and need a custom code.I want it to appear like thisWhat is your opinion on xxx? (Bold)Option A (Regular)Option B (Regular)I hope you are able to understand my questionThanks in advance for the help

Hello dear community,Does somebody know how can I change the color of the answer choices? Qualtrics have this light gray color per default , which is difficult to see in some mobile devices, and t seems that it can’t be changed. I am not referring to the next button, submit button, or the color of the selected choice, but to the color per default of the choices when they are not selected.  Thanks for the help.  

Hello, I have a multiple choice question with 85 response options organized into ten groups. I’d like to collapse the groups so it’s easier for respondents to navigate the options (this is not a drill-down question). They would be able to expand a group, select any responses, then collapse it again. I’ve experimented with the accordion function in JS, but I don’t know JS well-enough to get it to work. Has anyone tried this and gotten it to work? Or is there another approach? Thanks in advance.

I’m designing a survey (testlink) for kindergartners (4-7yo). It has autoplayed audio instructions either from .mp3 or .mp4 (video) files embedded as html. I also set up autoadvance on all pages, either  triggered by an action from the kid, or if no action is required (e.g. they watch a short video clip), after a set number of seconds. The survey works perfectly on all platforms and browsers I tried, EXCEPT on iOS (iPhone, iPad), where files do not autoplay if they are preceded by a time-based autoadvance. Comments, suggestions are much appreciated.More info:It does not appear to matter whether autoadvance is triggered by a Timing-type question, or if by a Javascript (setTimeout jQuery). If I hit the next button manually before the autoadvance goes off, the autoplay works as intended. I tried multiple browsers on the iPad (Firefox, Chrome, and Safari) and the bug is consistent across all. My .mp3 and .mp4 files are on Dropbox. I tried moving an .mp3 to Qualtrics library, but that doesn

Hi, I am trying to hide a few scale points for specific statement options (e.g. point on the 11th row, 3rd Column)?I tried to run this code under AddOnload on Javascript but it did not work.$('QR~QIDa~b~c').up('td').childElements().invoke('hide');a=Question QIDb=Row #c=Col # Was wondering if this could be because I am running certain display logics in my scale points and it may be confusing the system? I'm not well versed with Javascript and was wondering if there's another code I can use? Additionally, i have a few different scale points to hide on my matrix table. Can I simply add the multiple different codes into the AddOnload on Javascript for them to all run together? e.g. $('QR~QIDa~b~c').up('td').childElements().invoke('hide');$('QR~QIDd~e~f').up('td').childElements().invoke('hide');$('QR~QIDg~h~i').up('td').childElements().invoke('hide');Thanks so much!

Please help. I want each of my survey response options to be different colors when selected. Currently, the survey answers look like this:. . . and, when they are selected, all have the same blue color of the option below: Goal: Different colors for each selected option. For a previous assignment, a community member kindly shared HTML code that I inserted in the HTML view area for the question and it worked great. Out of necessity, I modified the parameters of the code for this assignment (e.g., QID# and label name) (see below) but it doesn't work at all this time. Can anyone PLEASE tell me why the code isn't working and, most importantly, how to fix it? Getting somewhat desperate, tbh. (The survey has 5 multiple choice, multi-answer questions, and I'd like to insert correct code for each survey question - just as did in the previous assignment that I referred to. Also, unfortunately, I do not have Java script.)Code that I thought would work, but it's not:label#QID65-Sep 2

Hello, I am seeing in the console on my site the following error, seemingly related to Qualtrics. I have a support ticket but they’ve been unable to replicate so far. Any ideas what this could mean?"Uncaught (in promise) Error: Loading chunk 12 failed.(error: https://siteintercept.qualtrics.com/dxjsmodule/12.8fb54ff2c385347a3180.chunk.js?Q_CLIENTVERSION=--blocked--&Q_CLIENTTYPE=--blocked--&Q_BRANDID=--blocked--" 

I am wondering if it is possible to have a survey question with answers that are images with the option of hovering of the image to see another image. For example have an MCQ with the front of a coke can as an answer with the option to hover over the image and see the back of the coke can.

Hi everyone - I'm using Qualtric's content validation for a date (MM/DD/YYYY) to get survey respondents' birthday. Is there any way to be able to keep this input format and restrict the date range so that people can't choose a date after the current date, and not a date before, say, 01/01/1900? Thanks!

I have a block where each question is separated by a page break. Users are forced to answer each question before moving to the next one, and only have 2mins to complete as many questions as they can. I have a custom timer on the first question in the block from here: https://stackoverflow.com/questions/47317718/how-to-use-automatically-move-respondents-in-qualtrics-with-global-timer-for-blo The timer works great, but once the timer is up the survey waits for a response on the current question. I want the survey to progress to the next block once the timer is up, regardless of whether the user has answered the current question.

Hi colleagues, We have setup a SSO connection In that sense we have created a new role in Qualtrics named as free-now-standard : A couple of users have tried to connect using our SSO system and althought Qualtrics already appear in our SSO system (named Okta), they get an error (see below):Also, the self-enrollment process is enabled:But unfortunately I cannot see them in the User list. Thanks.Would you know where it is exactly the problem? Our IT colleagues say that it could be something related to the mapping process.Thanks for your feedback. Best,Victor

Hi all, I have a multiple choice question, and one of the choices has a picture on it. My participants asked me if it is possible for them to zoom the picture. I would like to ask if there is any function that I can do in Qualtrics, so the participants can zoom the picture during the completion of the questionnaire. Thank you.