Custom Code

Hi thereI need your help for a a beginner's question.I just want to get each selected choice (recoded by variable name) in a unique value (separated by a comma). I'm blocked at the end of my loop, when I want to create the "mods" variable.Can you help me please ? Here is my code :Qualtrics.SurveyEngine.addOnPageSubmit(function() { /*Place your JavaScript here to run when the page is submitted*/ var arr = this.getSelectedChoices(); if(arr.length > 0) { for(var i = 0;i

 Hello everyone,I am using this matrix to ask willingness to pay in my survey for university. I am pretty new to Qualtrics so please excuse my stupid questions. So what I am trying to do is:1.) Trying to write a code so that people just have to click a "I would buy for this price" and the matrix fills out automatically. (Background: If they would buy it at 1.60, they will buy it at any price below that. I just wanted to make it more convenient for the participants, since I had to stick to this table as required). 2.) At least I wanted to use the customer validation to make sure that the answers are coherent. For example, you can't just click the "buy" button for 1.50 and 1.60, but the "not buy" button for 1.55 (because that wouldn't make sense and would make the evaluation much harder). But I don't really understand how to use it for this specific case. I'm really bad at coding, I tried something with ChatGPT but it didn't really work. So my question would be: Can I do either 1.) or 2.

Hi I need help with adding NPS colour code to qualtrics survey invite - I can only use default colours is there a way around this ?

Dear community, I have implemented a slider question with 8 statements and look for a solution to decrease the spacing between (A) the statement and the slider as well as (B) the slider and the label across all of the 8 blocks.  This is how a slider for a single statement looks at the moment:To obtain this, I have already used the following Java code to print the labels below each of my 8 slider questions and hide the numbers that are displayed by default:  Qualtrics.SurveyEngine.addOnReady(function(){    jQuery("ul.labels").insertAfter("div.slider-container");    jQuery("ul.numbers").hide();}); Could you help me solve this spacing issue for all of the sliders? Thank you for your help!

I am facing an issue where the screen reader echoes the 'Character remaining' text after every character input, which is quite annoying for users. To address this, I tried implementing a solution to hide the 'Character remaining' text until the user enters 15 characters. While the solution partially works, it does not completely resolve the issue. I am looking for guidance on how to disable the screen reader from announcing or displaying the 'Character remaining' text from the first character input. Your assistance in resolving this accessibility concern would be greatly appreciated. var qid = this.questionId;var questionContainer = this.getQuestionContainer();var inputElement = jQuery(questionContainer).find('textarea');var reminderElement = jQuery('#QID616-RemainingChars');reminderElement.hide();inputElement.on('input', function(){var characterCount = inputElement.val().length;if(characterCount >=15){reminderElement.show();reminderElement.attr('aria-atomic', 'false');reminderEleme

Hi!In the Qualtrics platform, I added a question with an audio in it. The thing is that, after 1 minute, regardless of what I do, I automatically move on to the next question.How can I change that so there is not a limit of time?Thanks in advance!

Hi community! We are currently sending our surveys via Marketo. Within the marketo email, we have staged an “inline question” in the form of an NPS score, so that when someone clicks on a score, they are linked out to the Qualtrics survey with that question response already pre-populated (It is the first question in our survey).  As we are not sending the email within the Qualtrics platform, we have encoded the url for Q_populateresponse in the following JSON format:Q_PopulateResponse=%7B%22QID1%22:%2210%22%7D  The above example would redirect the person to the first question in the survey with a score of “10” pre-populated.  The issue we are experiencing however, is that although the pre-population of the question is working, the actual “Capturing” of the response within Qualtrics is not, if they choose to abandon the survey thereafter. Upon testing however, we did discover if a person “advances” (clicks next) to the next question, the first response does get captured (whether they ab

Hi team, I am struggling with a certain task and your help is heavily appreciated! I have built a few steps workflow 1. My workflow is triggered based on a survey response I am sending an API POST to retrieve the survey responses in JSON I am getting the Progress ID I am getting the File ID I am also getting the Survey definition    The whole process is failing in step 6 where I have the following Code Task   // Retrieve the entire JSON content from the previous task const data = JSON.parse(`~{ch://OCAC_QD4uwlanVCdp31y/$.responses}`); console.log(data); // Replace new lines with spaces var payload = data.replace(/(\r\n|\n|\r)/gm, " "); const surveyData = JSON.parse(`~{ch://OCAC_ouvxj8vx6bONVjm/$.result}`); var surveyDefinition = surveyData.replace(/(\r\n|\n|\r)/gm, " ");function codeTask(payload, surveyDefinition) { // Iterate over each response in the payload payload.responses = payload.responses.map(response => { const values = response.values || {

Hello! I am new to Qualtrics and am trying to learn about different types of survey capacities.I’m wondering if it would be possible to include a calendar visual for participants to enter information about their life histories (e.g., pregnancies, birth, contraceptive use), sequentially. This would be a self-reported, web-based questionnaire that would include a visual calendar where they click a month to indicate if each life history event occurred within that month, and then answer some follow-up questions related to that life event. See example screenshots below.For example, the survey might first ask about months where the respondent was sexually active, asking the respondent to select all months where this occurred in X year. And then, the next question might ask about experience of pregnancies for those same months, refreshing the calendar back to no check marks.Is this type of visualization and interactivity possible with Qualtrics?Thank you in advance for any guidance! 

Why is this showing up as an invalid expression 

Hi ,I have created a bipolar question with a 7 point scale. But the width of the container holding the question body does not increase automatically and the horizontal scroll bar seems to show up. I understand that to remove the scrollbar Javascript has to be used. But I am unable to identify the right class or code the script correctly. Was anyone able to solve this issue? Please let me know.

I am piping a text from a previous question, but here i need to pipe the text in lower case. I don't want to use embedded data or intermediate question to do this. Is there any way i can directly change all letter in lower cases while piping "${q://QID10/ChoiceGroup/SelectedChoices}"?

Hi all, I am working on a survey that presents patients with a choice between two options, A and B. We want to ask participants the percent chance they would choose each option. The options are mutually exclusive and there are no other choices, so the percent chances of choosing each choice should add up to 100%.  I would like to use one slider instead of using a constant sum question with two sliders to reduce friction as participants take the survey, and add dynamic text below the slider that shows probability of choosing option A (selected using the slider) and implied probability of choosing option B (100% minus the probability of choosing option A). I would also like to make sure that the dynamic text works in the “mobile-friendly” survey version. I currently have the code below, which works in non-mobile-friendly version but does not work for mobile-friendly. Is anyone able to advise how to make this work in the mobile-friendly version, or is there no way to do this?  Thank you! 

Referring to this post: The posted solution does not work with Simple Layout. This is despite loading JQuery in the header of the survey (as proposed here: )Does anyone have any suggestion?

I would like to add a button to display more information if the respondent wants to see. By default the details will be hidden and on clicking the button it should toggle between displaying the details and hiding it again. How can it be done?I have found the code on how to do it using JS but dont know how to make it work using Jquery.It is the fourth answer in the link..Hide and show text by click on div

I am on version 2.6.0.We have an react native app and are using your package. The survey pops up and the answers come through but the embedded data does not on iOS.So I am wondering how that could happen as it seems the setup is correct as it is popping up on both platforms and the answers come through and the embedded data is coming through on Android.

Hello,I would appreciate if someone could answer my question. When using a constant sum question type and sliders as the answer type I was wondering if there was a way to insert an image into the right side of the slider? There is only a text box that will not allow images to be inserted. Additionally I would like to get rid of the numbers above the slider bar (0-100) using either Javascript or CSS.Thank you,

I´m trying to use javascript in a date of birthday question to calculate age of the participant on a specific date (11/09/2001 - dd/mm/yyyy). Because after I´m going to display some questions to people who were older that 18 years at that time. I aldready create “age” in embedded data. Is this code correct? Because it it not working for me Qualtrics.SurveyEngine.addOnload(function() {  /* Place your JavaScript here to run when the page loads */  var dobString = "${q://QID212/ChoiceTextEntryValue}";  var dobParts = dobString.split("/");  var dobDate = new Date(dobParts[2], dobParts[1] - 1, dobParts[0]); // Year, Month (0-based), Day  var targetDate = new Date(2001, 8, 11); // 11th September 2001  if (!isNaN(dobDate)) {    var ageInMillis = targetDate.getTime() - dobDate.getTime();    // Calculate age based on milliseconds    var years = ageInMillis / (365.25 * 24 * 60 * 60 * 1000);    // Set the calculated age as embedded data    Qualtrics.SurveyEngine.setEmbeddedData("age", Math.floor(

Hi, I am trying to increase the width of the statements in a matrix - the survey is in the Simple layout. For some reason, manually dragging the statement width isn’t working in this layout (but is working in different layouts) and the code I’ve tried hasn’t worked either. Is there a way to increase the width in the Simple layout? Thank you!  

Is there a way to reset choice options when a user navigates back to a screen? For example, they select some answer in a multiple choice question on page A, then go to page B, and later use the back button to get back to page A--when they go back to page A, I'd like the selected choice to be clear and allow them to choose a new option without any pre-selected options. Is this possible in normal Qualtrics options or using JS?

I have adjusted my survey to span 70% of the window with the following code:.Skin .SkinInner{width: 70% !important;;max-width: 70% !important;} While this works for majority of the survey, there are questions that still do not correctly span the window despite the forward and back arrows (and banner) spanning the window correctly. The image below is an instance of this. The issue occurs with matrix questions and a dropdown question.  

Hi Community,I'm trying to work with can add a reset/clear option to the survey that would like to clear their selections for the current question, they can simply press a reset/clear button and it would delete all the responses for that question at once

While testing, our team identified an issue: the ScreenReader, like Voice Over (Apple) and NVDA, read the options (single-select and multi-select) twice.  It is occurring due to the aria-labelledby in HTML flow has the group header, label, and the option text all added in a single line. Is there a way to edit it and customize the aria-labelledby for individual options? <div class="choice checkbox"><div class="choice-error-container"><div class="choice-error"><label class="choice-label" for="mc-choice-input-QID13-1"><input aria-invalid="false" aria-labelledby="choice-display-QID13-1 choice-group-display-QID13-cg_3 exclusive-choice-label-QID13-1" id="mc-choice-input-QID13-1" name="QID13" role="checkbox" type="checkbox"><span class="radio-button checkbox"></span><span class="choice-content"><span class="display-with-image" id="choice-display-QID13-1"><span class="display-with-image-display rich-text">Métis</span></span&g

I apologize if someone’s already asked about this and I couldn’t find a similar posting or answer. I’ve got a budget form where I’m asking individuals to enter dollar amounts. Originally I didn’t include the text about not including commas (I’ve since added it in hopes of preventing any other issues before the deadline to submit, but I can manually fix on the back end), because I thought I’d tested it and it worked fine, but I ran into some issues with the totals not calculating in my embedded data because of the few instances when folks included commas in the Total cost field dollar amount.  This is how I’m calculating the total across 4 pages like the screenshot above. I did try another addition calculation previously that I’d found here on the Community and this one seemed to work more reliably when I had empty values since not every person is going to need to budget for 20 individuals. So I’m curious if there’s something I can do to either A) make commas included still work in the

Hellow,I would appreciate it if someone can help me. In my survey, I have a slider question where I want to display three pictures. I inserted these pictures by adding labels in the 'Format' section. I want one picture in the middle, one on the left but outside the slider bar, and one on the right but outside the slider bar. However, the pictures cannot be positioned outside the slider bar. Could you please guide me on how to achieve this? SEE the example picture please.