Custom Code

I would like to add a $ sign to the scale so that people know it is $0-$20. How do I do this? 

I fear I know the answer, but just to be sure: We are converting a survey to Simple Layout. In the Authenticator Prompt message we have some JQuery we use to make some edits to the Authenticator page. Hiding progress bar, moving some divs, etc.As far as I can tell this no longer works on simple layout, even after changing css id and class references to match the new ones used in Simple Layout.I’m hoping that I’m just being dense and can’t figure out the code, but if someone can confirm that we can’t use Jquery on the authenticator page, I can move on to finding an alternative solution. TIA!

NPS question from 0 to 10 leabelled as 1 to 10 and NA. but when i hit back button my answers go 1 step back like 10 becomes 9 and 9 as 8 and so on. How can i changes this> Qualtrics.SurveyEngine.addOnload(function(){    /*Place your JavaScript here to run when the page loads*/var selChoiceLoad = this.getSelectedChoices();var selChoiceNumLoad = parseInt(selChoiceLoad) - 1;this.setChoiceValue(selChoiceNumLoad, true);});Qualtrics.SurveyEngine.addOnReady(function(){    /*Place your JavaScript here to run when the page is fully displayed*/jQuery("#"+this.questionId+"-0-label").html("1");jQuery("#"+this.questionId+"-1-label").html("2");jQuery("#"+this.questionId+"-2-label").html("3");jQuery("#"+this.questionId+"-3-label").html("4");jQuery("#"+this.questionId+"-4-label").html("5");jQuery("#"+this.questionId+"-5-label").html("6");jQuery("#"+this.questionId+"-6-label").html("7"

Hi there. I was able to figure out from posts here how to get my first question looking just the way I wanted (different color on hover for 4 of 5 options for multiple choice question) but I am stuck on getting this to apply to the rest of the survey questions. Below is what I have working for question 1. I tried simply duplicating these lines and updating to the correct QIDs for the additional questions on the survey (not ideal) but that didn’t work at all. Is someone able to help me rework this so that it will automatically apply to all multiple choice questions on my survey? Thanks!! .Skin label.MultipleAnswer, .Skin label#QID1-0-label.SingleAnswer:hover{background: #ed6960;}.Skin label.MultipleAnswer, .Skin label#QID1-1-label.SingleAnswer:hover{background: #f7c1b8;}.Skin label.MultipleAnswer, .Skin label#QID1-3-label.SingleAnswer:hover{background: #d9ebae;}.Skin label.MultipleAnswer, .Skin label#QID1-4-l

Hi, I am using Survey Signal and Qualtrics to conduct an intensive longitudinal study. Participants receive 5 texts/day with an anonymous links to the same Qualtrics survey. Somehow, participants are completing multiple surveys back-to-back. I would like to prevent participants from taking the same survey within 29 minutes of completing the last survey. Is there a way to do this? The prevent ballot box stuffing tool doesn't work for me in this case because I DO want participants to answer the same survey 5 times/day - just not back-to-back. Thanks!

Hi all,Looking for someone with JavaScript knowledge to help me with my custom script (I have no experience, I just learn by figuring the code out visually in this case). Essentially the survey has 6 categories. The user will answer a quiz with questions under those categories and score accordingly. We want the end of survey message to calculate the user’s lowest 3 category scores so we can send a customised message to recommend courses in those categories for the user to take. My issue is that the calculated lowest 3 scores do not appear and I’m not sure why. Appreciate any assistance on this :)Sample message:Thank you for completing the survey! Based on your responses, we've identified the three categories where you scored the lowest. To help you improve in these areas, we recommend the following courses:[Category 1]: [Cours

Hi.I would like to insert code to validate the values of the UI on the page when the Next button is pressed. Could you please provide some advice?

Hello All, Please let me know if the following can be done in Qualtrics. I have 20 questions. 12 of them are conjoint questions (Multiple choice). The Conjoint Question looks as follows:  The first row is for SMS availability, second for color, third for display and last one is price. Suppose a respondent chooses the third choice. Usually the output in Qualtrics would come as : Question#Choice 3  It is possible to get the output as following ? If a straight approach is not available may be JavaScript would be needed.  Any help would be appreciated. Thanks  

When distributing survey links via WhatsApp, etc., the link preview image that shows up on the recipient's device is the Qualtrics XM logo. I know you can change the text that previews the link to something more relevant under Survey Options General Display Name & Survey Description, but is there a way to change the image that shows up with the link preview?

We used custom code to set up placeholder text in open end text boxes to prompt the user to provide detailed feedback etc. Is there a way to change the placeholder text’s font color? We are not sure what attribute/class it is to alter that, if it’s available at all.  var placeholderText = 'Use this section for additional feedback.';jQuery('#' + qid + ' input[type="text"], #' + qid + ' textarea').attr('placeholder',placeholderText);});

Is it possible to change the value of the built in progress bar with a simple javascript code? The current %-values of my survey give a wrong impression about the length, so I'd like to assign my own values.

My survey performs appropriately in preview, but the anonymous link skips the first page of consent and goes directly into the survey. I have published the survey, but it does not work with the anonymous link. The first question is the consent and has skip logic built in if the participant does not consent, it will take them to the end of the survey. I cannot figure out why the anonymous link is skipping this portion completely, but the preview works fine. How can I fix this? I need to go live ASAP 

In the below matrix table, what should be the JS code if I want to keep the last measurement scale (Not Applicable) visible for some statements and hide for other statements?For e.g., in the below screenshot, I want to hide the last column for 'Age' and 'Ethnicity/Culture' but keep the last column for Disability/Exceptionality'. Is there a code to do that as well?

I am trying to use conditional validation message. I have a couple of multiple choice questions:  Q1: What is the retail manager’s guess? (1) The customer is not interested at this moment.(2) The customer does not understand the specifications. (3) The customer is confused with options.(4) The customer is more interested in competitor’s product. Q2: What are the specifications given to the customer? [] SMS[] Color[] Display[] Price[] Discount[] Memory The green colors are the correct answers. What I am trying to do it, I am trying to display one custom error message if a wrong answer is given and display a button for it [I got help in this forum to do it and made little of my own changes t

I have a unique survey set up where I have 10 standardized medical terms (in column 1 of the matrix table as 10 statements and 1 extra statement as set up a other choice option) that I would like the survey participant to pick the best match to the local medical term (in the question field of the matrix table field).  The participant can pick 1 to 10 answers (Column 2, text entry, pick typing 1 - 10). See below image.  What I am struggling with is trying to format the table to move the text entry column closer to the statement column (not having any luck with this, tried several java scripts and CSS scripts and no luck so far).  Is there a CSS code or java script that can reduce the white space between the 2 colums or should I pick a different question type for this?I currently have the Look and Feel, style, layout CSS coded as follows:

Hello! I know this has been answered a few times but I am still struggling with recording amount of times a participant has clicked on a custom button I have - in fact I have 10 custom buttons and I want to see which/how many of those buttons were clicked. Here is my html:GAME 1Peter is kind.GAME 2Mary is generous.GAME 3Jack is 18 years old.Here is my JS:Qualtrics.SurveyEngine.addOnReady(function(){ jQuery("#button1").click(function() {  jQuery("#infodiv1").toggle();}); jQuery("#button2").click(function() {  jQuery("#infodiv2").toggle();}); jQuery("#button3").click(function() {  jQuery("#infodiv3").toggle();});});If anyone could assist I would be sincerely gra

How do I reduce the space between the Form label and the answer box. Going to inspect, the only element(?) that highlights the label and the space is - there's no class for the label. (Also, I'm not sure if it makes a difference but the answer boxes have an autocomplete list attached to them.)Thanks

Hi everyone! Thank you so much for accepting me. I have a very difficult question so it seems, so contact support and our brand ambassador suggested I’ll pick your guys’ brains! So aim of my specific survey question: I want the respondents to score 200 items/statements on a 1-9 Likert scale. I have a label for the values 1, 5 and 9. I wanted to use a regular matrix, BUT I need the possibility to add a comment to every statement (something the respondent wants to add for example). So I made a side-by-side matrix, but there I cannot add labels to the values 1, 5 and 9. I can add the text right before the number, but then the columns of the different values are not the same width (which would mean a bias in the answers). Aim: to have 9 point Likert scale for every statement, with a label for 1, 5 and 9 and a possibility to leav

The title pretty much says it all.I have this question: that has this code to move the labels in front of the boxes:Qualtrics.SurveyEngine.addOnReady(function() {    // Move the "Today" label in front of the first text field    const todayLabel = document.createElement('span');    todayLabel.innerHTML = "Today: ";    todayLabel.style.marginRight = "10px"; // Add spacing    const todayField = document.querySelector('input[type="text"]');    todayField.parentNode.insertBefore(todayLabel, todayField); 

As a part of my research. I am doing two conjoint studies. An example of one is shown below. I have to do it manually to have control over the choices created. I used the multiple choice option Qualtrics. I made the table in the question section and the Option are the multiple choice options.  My Question is: Is there anyway I can create this table in Qualtrics and have the select buttons inside the table? Currently these buttons are outside the question area as options of multiple choice, but I want to create it inside the table (so that a button “Purchase” would be inside the table) and when respondent clicks it, it records an answer.  Any help would be appreciate

Hello,Does anyone know how to calculate approximate age using the following side by side question design in the simple layout using Javascript? i.e., Assuming all respondents are born in the middle of the month.The question asks for the month and year respondents were born, but not the day/date they were born. 

Hello All, I’m using an API call to automate an email reminder for a second survey link on the date provided by each respondent in the first measure of a longitudinal survey. This is working, but it is sending a reminder email to the whole contact list every time a new respondent triggers the workflow. I only want it to send the email to the one participant who specifies that date, on that date. So each respondent only receives one reminder email on the date they previously specified in the first measure (as it is, people would end up with thousands of reminders). I hope that makes sense. It can be an anonymous link that goes out because there is an authenticator on the second measure, which seems to be working fine (i.e. the embedded data from measure one is piping through to measure two correctly for specific individuals). But the anonymous link needs to go to the specific participant on their specific date, not to every contact on the list on each date.I read

Dear All, As a part of my research, I have a conjoint question as shown below:In place of radio button (the circle) I want a button saying “purchase” and for the last option “I prefer not to purchase any option within this collection.” I want a button saying “no purchase”. I do not want the radio button to show up at all. How can I make that happen ? An example of what is I am trying to achieve is:   Any help would be appreciated. Thanks. 

I have successfully implemented a countdown timer incl. auto-advancing on the block level thanks to this support: https://qualtrics.com/community/discussion/comment/20771#Comment_20771 However, I recognized that a new timer appears (which indicates more time left) when the respondent uses the back button or has to correct his entry after an error message: ! Is there a way to fix that problem? I thank you so much in advance.

Hi there. I am using Qualtrics to give language exams at a university and I would like to write "fill in the blanks in a paragraph" type questions. Because Qualtrics does not have the fill in the blank question type, I prepared one as an html form like the one below. And I prepared 8 text entry type questions and hid them through display logic. My question is: Is there a way to link each of these blanks with one of the hidden questions, thus when a student fill in those blanks, the answers are entered to hidden questions automatically and I can collect student answers in Data&Analysis tab? Or is there a way to store what is written in the blanks as embedded data? Thanks in advance.