Developer Corner

Hello,My company’s IT department just acquired the DXA suite as an add-on to our Qualtrics main instance.I’d like to ask the community what are your experiences using the DXA features: How easy is it to work with? Does it deliver what is advertised?And if there’s anyone out there who currently use Quantum Metric, would love to hear how is it going so far using their platform, as I’m on the understanding it offers a more complete solution with the trade off of being on a higher price point than DXA:How easy is it to work with? How useful are the advanced reports they provide? What would you consider its advantages over DXA?Thank you all in advance!Best regards,Daniel

Hi--I was hoping that someone could help me with creating Javascript to split a single slider question into a grid - where statements are divided into different columns, each with their own sliders.Some background:I have a multiple-choice question in which I use the “column” alignment to split up answer choices (in my case, photographs) into a 3x2 grid (randomized choice order). I then use carry-forward to bring Displayed Choices to a subsequent slider question, where they answer a slider question for each photograph. I’d really like to display this question in the same way as the MC question -- that is, in a 3x2 grid. I know how to split up different questions on a single page:HTML: <style type="text/css">#Questions{display:flex;}</style>Java: Qualtrics.SurveyEngine.addOnload(function() {document.getElementById('Questions').style.display = 'flex';});But not how to get different *slider* statements into different columns. Because I’m using carry-forward and a randomized cho

Hello,I’m working on a study where I want participants to be able to create editable diagrams explaining how they perceive their emotions to unfold. Participants would need to be able to move blocks around and place them in a unique/complex order. I’ve included an example of a diagram someone might make below by dragging blocks into place and connecting them with arrows. Would this be possible to create within Qualtrics? 

Hi everyone, I'm trying to implement a feature where users can unselect a radio button in a single select question by clicking on it again. Currently, users can only select a different option, but not unselect the selected option.I've tried using the following code in the "Single Question JS" section of the question, but it doesn't seem to be working: this.questionclick = function(event, element) {  if (element.type == 'radio') {    var selectedOption = this.getSelectedChoices()[0];    if (selectedOption === element.getAttribute('value')) {      this.clearChoice(element);    }  }}.bind(this);Is there a better way to do this, or am I missing something in my code?Thanks in advance for your help!

I have a number of side by side questions and I need to do a lot of validation. Is there a way of doing this using JavaScript?For example, in the table below, each row can be left blank - BUT if a respondent puts in some answers on a row, then I need them to complete all the questions that are visible on that row. In this case the respondent shouldn’t be allowed to continue until they complete the row or clear their answers on the row.I also need to check for certain odd combinations of answers. e.g. if a respondent ticks checkbox BBB, but has certain text in the BBB open. In this case, I’d just like a visible warning below the question that the combination is odd/ and is that really correct.I don’t know if it complicates things, but this is in a table of contents block.Any pointers would be greatly appreciated. I’ll be happy to use trial and error to get it working how I’d like, but some help getting started would be great.Thank you 

There’s a blue outline around the buttons after they are clicked/selected. Please see images. Does anyone have any suggestion or hint about how to remove that outline from the buttons? Not sure which CSS class/code dictates that line.  

I have a question that I have this code applied toQualtrics.SurveyEngine.addOnload(function() { var questionID = this.getQuestionContainer().id; var lastListItem = document.querySelector('#' + questionID + ' li:last-of-type'); if (lastListItem) { lastListItem.style.borderTop = 'none'; lastListItem.style.margin = '0'; lastListItem.style.padding = '0'; } var labels = document.querySelectorAll('#' + questionID + ' label'); labels.forEach(function(label) { label.style.setProperty('margin-top', '0', 'important'); });});However, as you can see from this picture, there are still lines appearing! How do I remove ALL the lines from this list? Would prefer JavaScript - if available - too! 

I have this css code applied to the theme of my survey:li:last-of-type { border-top: 2px solid #8D8D8D4D; }li:last-of-type label { margin-top:10px; }.Skin #Wrapper {margin-top: 40px !important;}.Skin .EndOfSurvey {color: #525252;padding: 10px 40px 60px 40px !important;}.Skin .Matrix table thead th:last-of-type {border-left: 2px solid #8D8D8D4D;}.Skin .Matrix table .ChoiceRow td:last-of-type {border-left: 2px solid #8D8D8D4D;}.Skin .Matrix table .ChoiceRow td:last-of-type label {margin-left:0px;}.JFEScope .Skin .Matrix .q-matrix.mobile table td:last-of-type {border-top: 2px solid #8D8D8D4D;border-left: 0px;}.JFEScope .Skin .Matrix .q-matrix.mobile table td:last-of-type label {margin-top:0px;}.Skin .QuestionOuter.Matrix{max-width: 100%!important;}However, if I DO NOT want a line to show at a specific question, I have this coded on the javascript at the question level:Qualtrics.SurveyEngine.addOnload(function() { var questionID = this.getQuestionContainer().id; var lastListItem = do

Hi!I want to freeze the question text and first row of a side-by-side table so that participants can still see question text as they scroll down 86 rows. I’m not familiar with coding, so what code can I use (and where should I put it) to get the desired outcome? The part circled in red is what I would like to stay at the top of the screen: Thank you!! 

I have a survey in which I have the partecipant clic on a image and then will be shown a number generated with an embedded variable, at the starto of thee survey.So at the start of the survey i create 2 embedded variables in a block ‘randomNumber1’ and ‘randomNumber2’, two random numbers.Then some blocks below I create a block where i use Html to generate the text and to insert the image: <div class="container"> <p id="instruction"> This is a trial task.<br><br> What is requested of you is to roll the dice and report the outcome of the roll.<br><br> Every unit of the die is $10.<br><br> This means that the minimum amount to be donated by each participant is the minimum sum achievable from rolling the two dice, namely: 1 + 1 = 2 × $10 = $20.<br><br> The maximum amount that could be donated, on the other hand, corresponds to the maximum sum achievable from rolling two dice, which is: 6 + 6 =

Hi everyone,I’m trying to manually control the progress bar in my survey to update at specific points (e.g., after certain key questions) rather than relying on Qualtrics’ default logic. My goal is to dynamically update the progress bar percentage and ensure it retains my custom settings across the survey.I’ve come across several posts and solutions, including Change value of the progress bar. From there, I used the following code:jQuery("div.ProgressBarFill").css("width", assignedProgress + "%"); This works initially for the specific questions where I add it, but as soon as I move to the next question, the progress bar reverts to Qualtrics' default logic. Since my survey has many questions, applying this code to every single one isn’t practical.Is there an easier way to dynamically override the progress bar logic throughout the survey, ensuring that the progress bar retains the custom percentage from the previous update until the next custom update is applied?Thank you in advance for

Hi,I need more information regarding the mobile app feedback feature as we plan to implement it in one of our projects. How can we test the mobile app using SDK. Which app should we refer to for this. Additionally, what details should we provide to the client, apart from the Brand ID, Project ID, and snippet code once the deployment is complete.Thank you in advance.

I have a Website/App Insights with a Feedback button Intercept/Creative. Under Embedded Data I have Use Value from Javascript  with the following value:window.localStorage.getItem("1")This line works when I run it in the browser console.However, this is reported as null in the Results of the Survey. Is this a scope issue, or is there another way to get Local Storage as Embedded Data?

Hello community I need your help...Does anyone know or have an example of how to create a privacy policy popup in a survey project?From what I've been researching, you need to add CSS code and code in the JavaScript session of the survey ...Can you help me with that...Thank you very much!Regards

I believe similar questions have been asked quite a bit, but I have not seen a solution. I made a drag-and-drop question, which works just fine when I preview the question but does not work if I preview the block, preview the survey, or take the survey. The JS portion of the code is below, and I would appreciate it if anyone has any insight on how I could make it work! Thank you! Qualtrics.SurveyEngine.addOnload(function () { const draggableIcons = document.querySelectorAll('#breakfast, #dinner'); draggableIcons.forEach(icon => { let isDragging = false; let offsetX, offsetY; // Start dragging icon.addEventListener("mousedown", (event) => { isDragging = true; offsetX = event.clientX - icon.getBoundingClientRect().left; offsetY = event.clientY - icon.getBoundingClientRect().top; icon.style.cursor = "grabbing"; // Change cursor on drag event.preventDefault(); document.addEventListene

Hello, I am working on this custom html question, the images display fine in my preview but like broken images on the survey preview (adding in a screenshot). Does anyone know why this may be the case? I am also pasting my code below.  <!-- Main Container with Background Image --> <div style="position: relative; width: 600px; height: 600px; background-image: url('https://uwartsandsciences.pdx1.qualtrics.com/ControlPanel/Graphic.php?IM=IM_VHOdoYnAyqTK5Lt'); background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #ccc;"> <!-- Grid Cells --> <div class="grid-cell" data-location="R1C1" style="position: absolute; top: 40px; left: 20px; width: 190px; height: 190px; border: 1px solid rgba(0, 0, 0, 0.1); display: flex; justify-content: center; align-items: center; box-sizing: border-box;"> </div> <div class="grid-cell" data-location="R1C2" style="position: absolute; top: 40px; left: 200px; width: 190px;

I’m trying to loop through various variables from a previous side by side question to include as values in a matrix question.I’m using the code below. The commented out line works when there is just one value to include, but doesn’t work when I try and add loop using  “/ + i + “. Is there syntax that does work/ another way of doing this?n.b. I’m not using piping as there will be hundreds of valuesfor (var i = 1; i <= 3; i++) {//var previousValue = "${q://QID182#1/ChoiceTextEntryValue/1/1}";var previousValue = "${q://QID182#1/ChoiceTextEntryValue/1/" + i + "}"; jQuery("#QR\\~QID183\\~" + i + "\\~1\\~TEXT") // Target row i of new question .val(previousValue) // Set the value from the previous question .trigger("input") // Trigger an input event to update the field .trigger("change"); // Trigger a change event to notify of the change}Thanks 

In Qualtrics I have a general survey template that I use to make hundreds of surveys. These surveys are almost identical with the only difference between them being certain words on the surveys vary between surveys (e.g., client name, various brand names, etc.). The questions and structure of the survey remain the same. Currently I have to duplicate a survey and the search and replace brand names, and repeat.I am most familiar coding in R and would love if possible to find a way I can automatically create these surveys in R using a package like httr2.My general thought is load in .qsf file of template into r. Make relevant changes to the qsf file for any number of surveys, and then have those surveys automatically created in my Qualtrics account.Has anyone done something like this and can give guidance on the workflow?

Is there a way to hide the "Powered by Qualtrics" element at the bottom right of the page? I've tried a bunch of different combinations of custom CSS and nothing seems to be able to override the !important modifier for that element.

I just noticed while using community over phone that ask question button is hidden by the chat button. Are others also seeing same problem? ​@AlonsoC is it a known issue or is only on my Android?   

I’m building a task on qualtrics where participants are shown images for a short amount of time and then asked 2 questions on a different page. I need the images to move automatically without having to click on any buttons. In addition, I need the arrow to disappear completely as it’s slightly distracting. I’ve tried the Look & Feel but it does not work for my purpose. Is there a way to hide this for certain questions but not for others?

Qualtrics support says we can change via custom code the response buttons themselves in terms of size and look, but didn’t provide a specific solution. Does anyone know how I can change the size of these grey boxes containing Yes and No choices?  

When I try to initialize Qualtrics on my project, I receive this message on my initializationResult.I'm using react-native-qualtrics 2.8.0 and react-native 0.71.18. {"message": "java.io.IOException: Invalid response received from requested url: https://zn3ht3bkhhugvqxf0-localiza.siteintercept.qualtrics.com/WRSiteInterceptEngine/AssetVersions.php?Q_InterceptID=SI_54to4ZtXOYPA7Z4&Q_CLIENTTYPE=MobileAndroidReactNative&Q_CLIENTVERSION=2.21.0&Q_DEVICEOS=14_34&Q_DEVICETYPE=samsung_SM-A155M. ResponseBody: okhttp3.internal.http.RealResponseBody@19133bd, ResponseCode:404", "passed": false} 

Is anyone noticing that the page filter is disabled like this when you access them via the Embedded Insights plug-in recently? We checked the dashboard after logging in to Qualtrics and all the page filters still exist. Also tried accessing a few different dashboards and they all have this issue right now. We used to be able to use all the page filters in these dashboards via the Embedded Insights plug-in. 

We will have multiple surveys with varying quota limits going at once.  Currently, I’m manually entering the quotas in an excel sheet and trying to find some script, ideas users may have to automate this process.   Workflow:  Multiple surveys 4-5 going at once Export quotas or have Excel read the quota urls The data decrements in an Excel sheet for each demographic and study so we aren’t having to manually do it.   I have tried scraping data with Excel and it has failed so far.   Open to solutions and ideas.  If it is something to post in the developers or another section, let me know.  (my first post).Thank you!