Custom Code

How do I left align my text and right align my image so it looks something like this The code is below:<table border="1" cellpadding="1" cellspacing="1" style="width:500px;">    <tbody>        <tr>            <td style="width: 1300px; background-color: rgb(180, 220, 150);"><br />            <br />            <br />            <br />            <span style="font-size:16px;"><span style="font-family:Verdana,Geneva,sans-serif;">Thank you, your response to the EES has now been submitted. </span></span><br />            <br />            <span style="font-size:24px;"><span style="font-family:Verdana,Geneva,sans-serif;"><strong><span style="color:#149b5f;">2024 Safety Culture Survey</span></strong></span></span><br />            <br />            <span style="font-size:16px;"><span style="font-family:Verdana,Geneva,sans-serif;"><strong

Hello all! I’m working on our engagement survey, we ask eNPS and Qualtrics doesn’t have the NPS question on the EX module. We added it as a multiple choice type of question, but on mobile it looks like this:Is there a way to make it horizontal like a regular NPS question would look on the CX module?  Thank you!

Is there a way to hide language selection drop down box. Tried applying this in Look & Feel → Style → Custom CSSas well as Look & Feel → General → Header → Source .LanguageSelectorContainer {display:none} Also tried using this in question’s java script as well as header’s in Look and FeeljQuery(".Q_lang").hide(); None of these seem to work 

Hi,is there a way to check in a "constant sum" question, whether the total is "100 or less"?The "must total" validation only checks whether the total is exactly 100. And I also haven't been able to identify any JS solution.Thanks!Manfred

I followed the community post: “How can a participant enter clock times without typing in text boxes?” and added the header for the library flatpickr and the javascript into the question box but nothing happened. When I preview and test the question, the text box is still just a text box. There were no changes made to the question text box and I lack any background in javascript to understand what is missing. Here is the link to the code: https://docs.google.com/document/d/1K2gFmFSx3-377FvT0mTyrXmSAiJbLCWZi6LrCS_VKSw/edit And here is what our question looks like.  We need multiple time entries into the text boxes. I would appreciate any help or guidance!

Hey everyone,  I’m working on a Rank Order question in Qualtrics and need help achieving a specific design using JavaScript. Here’s what I want to do:Problem:I have three different categories of choices:A (A1, A2, ...) B (B1, B2, ….) C (C1, C2 ...)Each category has 4 choices. What I need to do is randomly select and display one option from each category (so 3 total), shuffle the order in which they appear, and hide the rest. I also need to ensure the Rank Order drag-and-drop functionality still works after the randomization.With the code, the survey preview displays the random choices but the drag and drop functions is not available anymore after running the code. I couldn't find any fix for this problem. Can anyone help me? What I’ve Tried:I’ve written a JavaScript code to randomly pick one choice from each category and hide the rest, but I’m facing issues with reinitializing the Rank Order functionality.  Qualtrics.SurveyEngine.addOnload(function() { // Define the blocks with thei

Hi, I’m using the classical layout and changed the primary colour to red.Also the colour of answers options changes to red once they are clicked. But the text colour of the clicked answer is staying black and it does not match to the red background.This is an example:How can I change the text colour of the clicked answer to white once the answer is ticked? I use the follwoing code in my CSS: .fa-smile { color: #3CB043; } .fa-frown { color: #EE2D24; }.CarouselAnswerContainer .fa-frown { color: #EE2D24; }.CarouselAnswerContainer  .fa-smile { color: #3CB043; }.Skin #Buttons #NextButton, .Skin #Buttons #PreviousButton {    border: none;    color: #FFFFFF !important;}    .CarouselCardFrame {    height: 80px !important;    border: none !important; }.CarouselCardContainer {    overflow: hidden !important;}.CarouselAnswerContainer {    max-width: 820px;}.Skin .QuestionOuter.Matrix {    max-width: 790px;}.Skin .ProgressBarFill {height: 5pt !important;}

Hi - PLEASE can someone give me step by step instruction how to ask respondents for their usual bed time? Probably timepicker? 24 hour format. I have waisted days now trying to work with the instructions I find on he community - just don’t get it to work and am about to throw the laptop out of the window ;-))))PLEEEEASE can someone help - I am a java illiterate???THANK YOU

Hello everyone, With the recent issue explained here, I updated the map component to use Mapbox API instead of Google Maps API.https://github.com/keita-makino/qualtrics-mapSome instructions to install the component have been changed so please follow the readme to newly use it. Also, there might be some bugs or unintended behaviors with the new 3.0.0 version, so please report them here on GitHub when you find some :)

Hi, thanks in advance for your time! As part of a larger Qualtrics-based intervention, I have a survey that users will fill out every day for 16 weeks. The survey has only two questions:What is your current mood? (1-10)  Did you practice your goal today? (yes / no / not yet)After they submit the survey, I want to redirect them to some data visualization so they can view their progress over time: (1) a line graph showing their mood over time (date submitted on X-axis, mood on Y-axis) (2) a bar graph showing the frequencies at which they selected yes / no / not yet I have tried to accomplish this goal a few ways: Message: At survey submission, redirect them to a library message that pipes in some data associated with their GUID. However, I can’t figure out how to build out graphs here.  Reports: I can direct individuals to a Qualtrics report with some interesting graphs at the end of the survey. Yet I can’t figure out how to customize that report for each person. i.e., all individual

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’d be extremely grateful if someone could help me. I’ve got a multiple choice question where participants can select at least 10 out of 62 selectable answers. For their ease, I’d like to display the number of answers a participant has selected and to do so dynamically, so participants can tell easily how many items they’ve selected before trying to go onto the next page.  I’ve found an old thread which seems to be about a similar thing:How to display choice count dynamically in question text for likert, single answer question type | XM Community (qualtrics.com) ... but I’m very new to JS and I’m not having any luck figuring out how to apply this code to my own situation. I’d be enormously grateful for any guidance on a bit of JS that could collect this information (how many items has a participant selected within this single multiple choice question), and how to embed that number in a bit of text so that participants can see the number updating dynamically when they select answers. Th

I am setting up a survey which embeds the respondents previously provided birth year. With this, I want to be able to answer a question on behalf of the respondent, which converts that embedded birth year into an approximate age, and assigns that age to a single-response question with age buckets (e.g. 18-24, 25-34, and so on), which a quota logic is tied to. I can achieve that with something like this:var year = '${e://Field/Birth%20Year}';    var today = new Date();    var age = null;    if (year > 0) {        age = today.getFullYear() - year - 1;    }    var q1 = null;    if (age >=18 && age<=24) {        q1 = 1;    } else if (age>=25 && age<=34) {        q1 = 2;    } else if (age>=35 && age<=44) {        q1 = 3;    } else if (age>=45 && age<=54) {        q1 = 4;    } else if (age>=55 && age<=64) {        q1 = 5;    } else if (age>=65) {        q1 = 6;    }     if (q1!=null) {        this.setChoiceValueByRec

I want to create 60 questions similar to the one shown below, with variations in the 3 photos shown. The 3 photos below would need to be changed for every question. Is this possible to do?  

This is the CSS code I have on the Style Sheet to make all questions where N/A is an option, light gray /*Makes the N/A column light gray on desktop*/.last {    background-color: rgba(0,0,0,0.05);} However, I have one question multiple choice question that contains an N/A option but it is not presenting the light gray background as expected. Any thoughts on what Java code I need to add to the question itself?

Dear all,I am completely new to Qualtrics and the community. I have developed a survey that will only be used by Desktop users (mobile compatibility is irrelevant). When looking at the preview, I realized that my horizontal 7-point Likert scales are not displayed entirely (16pt font size for questions and answers). Instead, users would have to scroll to the right to see the 7th answer choice. Obviously, I would like to avoid that at all cost. So far, I have tried the following:1) Reduce the font size of the answers - Solves the problem, but I would like to be consistent in the font size across questions and answers.2) Use of Custom CSS in the Look & Feel section - I did preliminary research on my question and pasted different lines of code into the CSS editor, but they all did not have an effect on the width of the survey interface or answers, e.g.,:.Skin, .SkinInner {width:100% !important;}.Skin .QuestionOuter.Matrix{ max-width: 100%; }Therefore, I would really appreciate your help in

Hi all,  Have tried using look and feel (compact), java script and CSS but nothing seems to working.  I have a multiple choice question with five options (answers are displayed vertically). Instead of text, I have included an image for each option. Does anyone know of a solution to reduce the space between multiple choice options? I want there to be little space between the options so it looks more like a table potentially.  Any tips/tricks would be really helpful. Thanks in advance!  

Hello Qualtrics Hive Mind!I have a side-by-side question similar to the one below, and I want to hide the 'NA' radio button that's highlighted. I've searched the community pages and found a few JavaScript examples, but I haven't had any luck getting them to work.The code I’m using is similar to what I've seen, but it's not working for me. Apologies if this is repetitive.Any recommendations or suggestions would be greatly appreciated!Qualtrics.SurveyEngine.addOnReady(function() { var qid = this.questionId; // Get the question ID dynamically // Target the radio button in row 1 (second row), column 2 (third column) $('#QR~' + qid + '~1~2').closest('td').find('input[type="radio"]').hide();});Patrick

Hi all,I'm trying to insert a consent form (PDF) into a survey and I was wondering if there was any way that I could make it so that the survey as a whole shows up on one question block as a scrollable PDF instead of a link that leads to the form? They don't need to be able to click/edit it, just scroll through it.I've tried inserting it as PDF, picture, and as an RTF file to no avail.Thank you!

Hi, Community! Is it possible to hide the last scale point (titled “unable to rate”) in a matrix table likert scale for the first 3 statements, but display it as an option for the bottom 2 statements using custom code? I’ve attached a photo of what I would like to achieve, if that helps - thank you! 

How can I have no default starting points on the sliders? I'd like the button that one slides on the slider to not show up at all until the respondent clicks on the slider. ! I found this link "link"), and the post asks for a similar question, but the question is not answered.

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!