Custom Code

Hi!  This is the current CSS code I have:  .question .required-marker { display:none; }.slider-min, .slider-max {    display: none;} .slider .question-content {    display: flex;    flex-direction: column;} .slider .slider-labels {    order: 2;    padding-inline-end: 0;} .slider .slider-statement {    order: 1;}This how my slide look like: I would like to: 1) Add this text above or below the slider “Change the slider above to set a response” and 2) have the slider at circle in the middle, so it is easier for the participant to move.Like this:  

I am currently working on a matrix style questionnaire. I currently have Request Response set up so that if a participant misses an item or multiple items in the question the following message pops up: There are x unanswered questions on this page. Would you like to continue?I would like to change the content of this pop-up message. Does anyone know of a way to do that?

Hello Qualtrics users… Did you ever want to export all the fields in a dashboard dataset into excel or the likes to save time having to copy and paste them all across form eg. a spec file you are creating? Well I’ve just spent a few minutes trying to figure this out myself and with the aid of my support team (ie. chatGPT), I’ve produced below a script that will run in Chrome’s browser developer tool console window (maybe Edge too) and will copy into the clipboard the dataset as per what you see (ie the number of sources, rows etc).  It will also handle Measure or Generic or Drill Down groups too, just make sure they are expanded first.  So if you want everything copied, just enter the number of sources you have and all the rows (mine quite easily get over 800!) and then run the script.  Please read the note about Excel as although Excel tries to be clever / helpful when you paste the text, it sometimes splits the data incorrectly which is down to the Text to Columns delimiter setting! 

Hi all, I am trying to use JavaScript to read the selected values from a manually built Side by Side question with three dropdown columns (Month, Day, Year) in order to calculate a decimal-year age and write it to embedded data fields using setJSEmbeddedData. I have confirmed the following are all working correctly: • JavaScript is executing• addOnload and addOnReady are both firing• Qualtrics.SurveyEngine.setJSEmbeddedData is writing to embedded data correctly• The Survey Flow has the three fields declared with the _js prefix• The Gratitude block is in place so the DOB question is not on the final page The problem is that I cannot read the dropdown values from the Side by Side question. I have tried:• document.getElementsByName(‘QR~’+qid+’#1~1’)[0] — returns undefined• document.querySelectorAll(‘select’) — returns zero elements• document.querySelectorAll(’#’+qid+’ select’) — returns zero elements• document.getElementById(qid) — returns null• document.body.innerHTML — shows question te

Hello I’d like to replicate adding the greyed out text into the nan-mandatory text entry questions? Can anyone help?  

I am trying to branch based on a formula, but can’t seem to get it working no matter what I try.Specifically, I am using the the Motion Sickness Susceptibility Questionnaire. (https://www.westminster.ac.uk/sites/default/public-files/general-documents/MSSQ-short-form.pdf)Essentially, there are two identical matrix table, 9 rows, 5 columns. The columns are scored [blank, 0,1,2,3].For each table, I need  (sum of score of each table x 9) / (number of non-blank rows).I sum both tables together, which is then used to branch. 

I created a slider question using the Stars slider type. Qualtrics is showing a number under the first and last star (it does not appear when building, it  only appears when taking the survey or in preview mode). I would like to remove the numbers but cannot figure out how to. I tried using the code which I found on a similar post, but it did not work for mejquery("ul.numbers").hide(); 

How can I check if JavaScript is causing an issue in my survey? 

I’d like to randomize answer choices by group through choice group but I noticed the cluster of answers assigned to the choice group are slightly indented/ not aligned vertically with the other answer options for the question. Is there a way to remove the indentation? Thank you for any help.

Hi everyone! I've looked in the community, but haven't found anything connected directly to this topic, so I would like to share and ask a few questions. To give some context, I'm kinda new to Qualtrics and our company is an Investment banking and, as such, being able to provide an experience that leaves no room for doubt about the veracity of the survey is super important to us.We've been going around on how to best apply our Design System to Qualtric's intercepts and surveys, but we have no way to optimize and just connect Qualtrics to Figma, from what I've checked. We sure made it a bit better by the Themes section, but not enough, in our opinion.  Do you have an opnion or idea on this topic? Is it just the SDK/CSS for applying brand experience or can we do something else? Many questions so far!

Hi everyone,I was hoping someone could help. I only want the NEXT button to appear when someone has selected option 1 (“Yes, I agree”) on the final question in my block of questions.I’ve been reading through a few other posts and trying different approaches, but I haven’t managed to get it working yet.Thank you! 🚀

Hi everyone, I have the following survey design: - There are 6 possible scenarios.- Each respondent sees only 2 out of 6 scenarios.- For each shown scenario, respondents answer Likert/matrix items:- Logica: I1- Empathische kwaliteit: I2, I3, I4- Intentie/behoefte: I5, I6, I7- Haalbaarheid: I8- I want to store the selected 1–7 values in Embedded Data after each scenario block and later calculate average scores only over the shown/answered scenarios.Embedded Data fields include:S1_Logica_I1, S2_Logica_I1, S3_Logica_I1, S4_Logica_I1, S5_Logica_I1, S6_Logica_I1S1_PercEmpathie_I2, S1_PercEmpathie_I3, S1_PercEmpathie_I4, etc. for S1–S6S1_IntentieTotEngag_I5, S1_IntentieTotEngag_I6, S1_IntentieTotEngag_I7, etc. for S1–S6S1_Haalbaarheid_I8, etc. for S1–S6. I've checked the piped text, that works fine.  In order to calculate the scores I've made JS code. However, it does not function as expected and my output on the anonymous link doesn't show that placeholder HTML is replaced with the output f

Hi, Does anyone know how to add a not applicable option to one item from a 15 item slider survey?I only want the not applicable/skip option on item 13 and to appear next to the text. I saw a user was able to achieve this on another post using a star slider and altering the JavaScript. Thanks in advance for your help. My current JavaScript is below Qualtrics.SurveyEngine.addOnload(function(){/*Place your JavaScript here to run when the page loads*/ }); Qualtrics.SurveyEngine.addOnReady(function(){/*Place your JavaScript here to run when the page is fully displayed*/ }); Qualtrics.SurveyEngine.addOnUnload(function(){/*Place your JavaScript here to run when the page is unloaded*/ });

Hello everyone, I hope you are doing good :)Does anyone know how can I add a “N/A” option to a 5 star rating question :   Thanks in advance for your help !

Where can I find someone with experience coding the Multifactor Leadership (MLQ) survey in Qualtrics?

Is there a way to unselect radio button in a side by side question. I have the following code but it only works for simple multiple select and matrix.Qualtrics.SurveyEngine.addOnload(function() { qobj = this; jQuery(qobj.questionContainer).find("input[type=radio]").click(function() { var [qr, qid, cid, aid] = this.id.split("~"); if(qobj.getSelectedAnswerValue(cid)==aid) qobj.setChoiceAnswerValue(cid,aid,false); });}); 

Hello,  I am attempting to create a survey and need some assistance with :1.Increasing pop up font size. I have the pop-up appearing but do not know how to change the font size. Code i am using for the pop-up is: Qualtrics.SurveyEngine.addOnReady(function() {                document.getElementById('style~header~QID7~1').innerHTML= "This a test to see how this will look"              const popupMessages = {        "q2o1info": "Test 1",        "q2o2info": "Test 2",        "q2o3info": "Test 3"    };    Object.entries(popupMessages).forEach(([id, message]) => {        const el = document.getElementById(id);        if (el) {            el.addEventListener("click", function(event) {                event.preventDefault();                event.stopPropagation();                event.stopImmediatePropagation();                alert(message);                return false;            });        } else {            console.log("Could not find element:", id);        }    }); 2.Adjusting the votin

I have a survey with a multi-select question, akin to "Tell us which Products and Services you want to use next?" (pick up to 3)Each option in this question has HTML for a Link and hover-over text.I “recoded” the question with Variable Naming so I could use Variable Naming recode rather than the “selected options,” which carries all the HTML with it.I go to my workflow and set up to feed data to Salesforce. There is an option to send “recoded values” which are just numbers, but no option to send the Variable Naming. The end goal is to get a basic list of the selected items up to Salesforce (e.g., ServiceA, ServiceB, ServiceC). I saw a thread suggesting there might be some JS to accomplish this by concatenating the selected Variable Names and saving the result to an Embedded Field. However, I could not get the JS to work. 

I was trying to make the display size bigger for a zoom-in image. I followed the instructions on this page, and the zoom-in effect worked: the original full image shown on the left panel and the zoom-in effect shown on the right.However, the entire display box for both the full-image panel and the zoom-in panel is small. Anyway to revise the codes to make the overall display window bigger? Tried different ways to revise the codes but couldn’t make it to work. 

Hey Qualtrics team! 👋I have a question you may help us! 🤞We work with Qualtrics with a 'brand tracker' survey. And we have the common brand funnel metrics questions:- aidedBrandAwareness (multi answer)- Consideration (multi answer) > carry-forward choices from aidedBrandAwareness question- FirstChoice (single choice) > carry-forward choices from Consideration questionI would like to improve the survey workflow so for the situation where in the aidedbrandAwareness or Consideration question only 1 brand is selected, then the next ones are automatically fulfilled without asking to customers.For instance, If I select only 1 brand in aidedbrandAwareness question, then Consideration and FirstChoice are automatically answered by being fulfilled with this brand and not shown to respondent. Or a similar situation when only 1 brand is selected in the Consideration question so the FirstChoice can be automatically fulfilled. What we try to do is avoiding respondents clicking on the only br

Hi there,Im looking for Javascript to generate pdf report at the end of survey. This report contains all responses including graph, result and recommendation which created using Javascript too.

Hello everyone,I am struggling to dynamically hide empty rows in a Matrix Table that lives inside a Loop & Merge block. Different loops have a different number of items (e.g., Loop 1 has 7 items, Loop 2 has 3 items). I am piping the item names from my Loop & Merge fields (${lm://Field/1} through ${lm://Field/7}) straight into the matrix statements.When a loop has fewer than 7 items, the empty fields pass a blank string. I am trying to use JavaScript to hide the entire row structure (the blank statement label AND its corresponding radio buttons) so the matrix collapses neatly. I tried iterating through my fields array and using the classic .replace(/~/g, "\\\\~") target string method to hide cell wrappers, as well as finding components matching data-statement-index. None of these have successfully forced the Simple Layout engine to remove the orphaned radio button groups.Any guidance or specific CSS selector overrides would be hugely appreciated! 

I would like to trial the scale showing from 10-0 not 0-10. I'm not changing the promotor/passive/detractor numbers.

I have two blocks in flow and it looks likeif (login=Passcode) >» Block 1>>finishif (login!=Passcode) » Block 2 >>finish But I dont want progress bar to contradict each other, just want to start progress bar seprate for each block and not count in each other. How can it be done?

Hi, I am new on the platform ! Here’s my issue: I have been meaning to investigate characteristics of alters from 3 different NG (up to 75 alters). Despite the 3 different NG, they belong to the same group and need to be randomized - i therefore can’t use carry forward which is limited to one question.My intuition is that I could create a list with  embeded data to then piped it in my follow up questions.However, I have been strugling with this task and using insert of java scripts (below for my NG). The names do not appearThe other only other solution I can think of is to list every single alter with a display logic preventing empty response - but it seems very artisanal. I think the friendly universe offers an outcome similar to what I want but it seems rather technical to modify  at my current level. Any insight would be appreciated ^^ “Qualtrics.SurveyEngine.addOnPageSubmit(function() {    var qid = this.questionId;    var boxes = this.getQuestionContainer().querySelectorAll('input