I have a form field survey question with seven fields, and I need only the last field to be displayed as currency. It seems like cleave.js is a great option for this; I have tested it out and it works great. However, it's showing up only on the first field in the form field question, and I need it to only be on the last one.I know I need to refer to the specific field somehow but I'm still new to JavaScript so I'm not sure what to do.Below is what I have added to the JavaScript of the question:new Cleave('.InputText', { numeral: true, prefix: '$'});What do I need to add or change so that it is only used on the last field of the form question?
I have two surveys that are the same but were conducted three years apart, and I would like to compare the results in a dashboard. I have added the two data sources in the Dashboard Data section, and lined up the matching questions (see below).If I go create a chart and set the Data Set Source field as the data series (or create a table and set the Data Set Source as the columns), I only get the data from the 2018 survey. Could anyone help me figure out what I'm doing wrong?
I am trying to add mobile-friendly tooltips using the following instructions: https://osvaldas.info/elegant-css-and-jquery-tooltip-responsive-mobile-friendlyIt is working fine on my desktop, but I can't get it to work on mobile devices. I've looked through every community post I could find that uses these instructions and I can't figure out what I'm doing wrong.Here is what I've added to the Custom CSS Editor under Look and Feel:#tooltip{ text-align: center; color: #fff; background: #111; position: absolute; z-index: 100; padding: 15px;} #tooltip:after /* triangle decoration */ { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px
My survey contains a dropdown list question followed by a multiple choice, single answer question, with different answer choices on each question. I would like it to be set up so that if the respondent selects Choice 1, Choice 2, or Choice 3 from the dropdown list question, set the default choice on the following question to a certain option; if they choose Choice 4, Choice 5, or Choice 6 from the dropdown list question, set the default choice on the following question to a different option; and so on. Ideally I would like that second question to be hidden from the respondent. Is this possible?
I have a Rank Order question that is in the text box format (see example below). Is there a way to make the items and their accompanying text boxes appear in two columns instead of one?
I am trying to use the SpeechSynthesisUtterance to have the question text and answer choices read aloud to the user. I found another post in the Qualtrics Community that showed how to do this. Is it possible to add a play button next to the question so that the user can have it read to them if needed and it doesn't start being read automatically? Below is the JavaScript that I have so far:Qualtrics.SurveyEngine.addOnReady(function(){ var msg = new SpeechSynthesisUtterance('${q://QID2/QuestionText}. Option one, Not at all possible to change. Option two, a little possible to change. Option three, somewhat possible to change. Option four, quite possible to change. Option five, completely possible to change'); window.speechSynthesis.speak(msg); });
I have a text entry question that is in a block of my survey that is looped. Is it possible to use JavaScript to set an embedded data field that gives a count of the number of non-empty responses there are for that question?
I'm using Javascript to add a drop down list to a form field question. It's working fine for the most part -- it records my selected choice, and I can see my selected choice still if I use the Back button. However once my response is submitted, if I retake it the selected choice isn't there anymore. I'm not sure what I'm doing wrong. Below is the JS that I have on that question. Am I missing something? I'm also trying to make it read only on retake and I don't know if that's messing with it.
I have matrix table questions that are using the profile format and the dropdown list answer type. The text of the dropdown list choices is aligned to the left by default. How can I go about aligning the text to the right?
Is there any way to clear the selected answer from one particular question when a respondent retakes a survey using the retake link?
I am trying to set embedded data fields using an if/else statement in JavaScript. I tried to come up with the correct code, but I am new to JS and what I've come up with (shown below) isn't working; the fields don't get populated.I have created the embedded data fields in the beginning of the survey flow, so I don't think that's the issue.Qualtrics.SurveyEngine.addOnLoad(function() { if("${q://QID14/SelectedChoicesRecode}"!="1") {Qualtrics.SurveyEngine.setEmbeddedData("Active_Duty_Yes", "X"); Qualtrics.SurveyEngine.setEmbeddedData("Active_Duty_No", "")} else if("${q://QID14/SelectedChoicesRecode}"!="2") {Qualtrics.SurveyEngine.setEmbeddedData("Active_Duty_No", "X"); Qualtrics.SurveyEngine.setEmbeddedData("Active_Duty_Yes", "")}; });I know I can achieve the same result using branching in the survey flow, but it messes with the ability to use the Back button when taking the survey, which has to be available on this survey, so I'm looking for a JavaScript solution.
I am trying to embed a website into my survey using an iframe. However, instead of loading the content I get a message that says that the website refused to connect. From looking around the Qualtrics community, it seems that this has something to do with X-frame restrictions, but I am a novice when it comes to these types of things. Is this issue something that I can resolve or will my iframe just not work?
Is it possible to make the header container transparent? I've come across other posts about how to change the color of it, but I haven't been able to get it transparent. My survey has a background image but right now the header puts a white box over it at the top of the page.
I have a survey where the respondents are given a link to retake the survey as a new response after they’ve completed it. When they retake it, most of their responses stay the same, but I have a file upload question where they need to upload a new file. Is there a way, possibly using Javascript, to remove the previously uploaded file when they retake the survey? I know that they can just upload the new file over the existing one, but I'd rather remove the previous file so that they don't accidentally think they've uploaded the file when it's really the old one.
I have a drilldown question in which I am using Select2, but I'm a novice when it comes to using Javascript. Right now both dropdown lists are the same size, but I need the second one to be much wider than the first. Is there a way to do this?
I have a drill down question in which I would like respondents to have the ability to start typing text and pull up matching answer choices to select from. I've seen other posts mention that using Select2 allows for this kind of functionality (I am a novice when it comes to using JavaScript). However, when I enter the following into the JavaScript for the question the search box only appears for the first item in the drill down and not the second. Any suggestions? var options = { placeholder: 'Select an option' }; jQuery("#"+this.questionId).find('select:first').select2({options});
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.
