Custom Code

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.

Dear all, I need some help! I tried some custom coding in JavaScript but it is not working. :(The survey is structured as the following:PAGE 0Welcome Page.PAGE 1Introduction Page: A paragraph about a story on fruit, animal and birds. PAGE 2In this page I have three questions in one page. Q1: Choose the correct fruit. Option A: AppleOption B: OrangeOption C: PearOption D: Banana The correct answer is: Apple and Orange. [ Respondents need to choose both]  Q2: Chose the correct animal. Option A: Bear Option B: Tiger Option C: Cat The correct answer is: Cat. [Respondents need to choose only one answer]  Q3: Choose the correct bird. Option A: CrowOption B: PeacockOption C: Duck  The correct answer is: Crow. [Respondents need to choose onl

Does anyone know the simplest 'html view' code for hover and/or hyperlinked tooltips in Qualtrics question and multiple choice answers? I am also not sure if something needs to be in the survey's ‘Custom CSS’ box in Look and Feel > Style. For instance, I want when someone hovers over “Try this one out.” for this text to appear: “I am a tooltip that provides more details about the term you clicked on.” I read all the other tooltip posts on here, Youtube, and asked Qualtrics support and could not get an answer that worked. Many thanks!

I have a PNG that I inserted into a Text/Graphic question. No matter the size of the original PNG it always appears much smaller in the survey program. Is there a way to make the image larger in the page?I currently have the JS below to create a box around the image.jQuery("#"+this.questionId).css({"padding": "15px",        "border-radius": "8px",        "border": "2px solid #007AC0"    }); For some reason there is more white space at the bottom.

!

I need to create an age verification question using the side-by-side matrix format from the Qualtrics shared library. The end goal is to collect date of birth, verify if the respondent is 18 or older, then allow them to complete the survey (if yes). We use the Simple Layout in this survey.I tried using embedded data in the survey flow to calculate age and can get close, but it’s not accurate enough for our needs (ages are off by 1-2 weeks due to leap years, etc.).   I assume a custom code solution is the next best option but I’ve had no luck transferring the concepts from this code (below) to a side-by-side matrix in Simple Layout.  https://gist.

Hello,Does anyone know how to calculate approximate AGE (not DOB - I made an error in the title of this question and can’t seem to edit it) 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.