Custom Code

Hi all, Just wanted to see if anyone has had any success with the EQ-5D VAS scale/vertical slider? I have no background in programming and would really appreciate any help.From what i can see from the various threads- i need to: Add the below text to the Look and feel/Header section:https://cdn.jsdelivr.net/npm/nouislider@14/distribute/nouislider.min.css" rel="stylesheet" />https://cdn.jsdelivr.net/combine/npm/nouislider@14,npm/wnumb@1">2 .      Add html and css to your question to display the slider- would that be adding the below to the Look and feel/css editor section?input[type="range"] {  transform: rotateZ(270deg);3.      Add JS to your question to configure the slider and display and capture the slider value - does this mean I add ?? to the JS section beside the individual question? Also i think question style should be constant sum/slider?Any tips greatly appreciated!!

Hello,I am working on a side by side question that includes a drop down with a list of countries. Adding each country as options is very tedious. Is there any code/workaround out there to make this easier?

Hi everyone, I am implementing multiple IATs into one Qualtrics survey. IATs are constructed with IATgen Shiny app: https://applibs.shinyapps.io/iatui2/ If I enter one IAT into Qualtrics, everything works out fine. However, if I enter multiple ones into one survey, which is required for my experiment, a variety of errors occur: 1. An irritating loading message occurs on the screen. The message however does not inhibit technical functioing of the test. 2. Automatic data analysis is disenabled, even if I split csv files after downloading the entire data. 3. Codes are sometimes not seperated in one column each, and sometimes C or X indicating correct and incorrect answers disappear. Maybe there is some error in the interaction of Javascripts between the app and Qualtrics? Anyone ever had that problem? Thanks for your help!!! I really don't know what to do about it anymore. If you need any more info, please let me know. Kind regards, Mel

I'm asking a "check all that apply" question (Question 1) and want to use items on the list of Selected Choices (e.g., the first item on the list) in a subsequent question (Question 2).I would think that there are two approaches: 1) use JavaScript in Question 1 to define the embedded fields for use in Question 2; or2) use a function in the text for Question 2 that refers back to the Selected Choices in Question 1 to get the values.I'm indifferent as to which approach I use - just one that works.When I tried approach 1, using the following JavaScript:Qualtrics.SurveyEngine.addOnPageSubmit(function (){ var choicesall = this.getSelectedChoices(); let choicesarray = choicesall.split(",");   Qualtrics.SurveyEngine.setEmbeddedData('origstring', choicesall);    Qualtrics.SurveyEngine.setEmbeddedData('numofchoices', choicesarray.length); for (i = 0; i < choicesarray.length; i++) { var selectedchoice = choicesarray[i] var embfieldname = "choicenumber" + i;    Qualtrics.SurveyEngine.setEmbed

Hi all. Hoping someone can help... i can center the text for questions and responses on the page, but this means the tick box is still on the left side, far away from the text (see image below). How can I move the button closer to the text? The survey is for people with visual impairments so it's important to center things in the middle.

I am looking to add a row that will calculate the running total and have a mandatory value for each column in a side by side table. Ideally, I would like each column to be able to have a different mandatory sum. Does anyone have code that could help with this? Thanks in advance.

Hi Qualtrics users,I'm working on a project with lots of branching, which will determine which descriptive text questions will be shown to each survey respondent. I'd like to help survey respondents keep track of the descriptive text they've read by including a summary page: however, I want this summary page to show only that descriptive text which that survey respondent has actually seen. (For example, choice 1 leads to either Text1 or no Text1, choice 2 leads to either Text2 or no Text2, choice 3 leads to either Text3 or no Text3. At the end, if the respondent chose text for Choice 1 and 3 but not for Choice 2, I want only Text1 and Text3 to show in the summary.)I originally thought that Qualtrics already did this: that the survey would only show piped text if the respondent had viewed that text in the current survey. However, it seems I was wrong. I am therefore looking for some custom code alternatives.Does anyone have any suggestions for how to approach this problem?My current pla

Wanting to know what shade of a color, for example, purple, respondents would want to purchase...dark, medium or light. Doesn't seem like I can customize a slider bar to have the scale represent color. Any other ideas?

I am using a survey as an order form. I'm performing math calculations in embedded data fields, multiplying the price per unit by the quantity, then displaying the total using piped text on an order summary. Since the result should be formatted as currency (US dollars), I would like to display the totals with 2 fixed decimal places. I don't see a way to do that, although I was able to round the totals that were calculated with percentages to 2 places. I don't know javascript, and I'm on a very tight deadline with this project. I have one week before launch. If anyone could give me some help with that, I would be very grateful! I put in a support ticket, but they told me that it is custom development and they can't help. I'm surprised that formatting numbers as currency isn't possible without javascript!

Hello everyone! This is my first question here in the community :-) (It's actually two questions in one, sorry!)I'm creating a survey and I have a 5-point satisfaction scale. In some questions it's a multiple choice and in some it's a matrix table.The multiple choice looks like this:I'd love that the buttons would change color when you hover over them and then also once you make a selection. I'd want to go on the scale from green (Completely satisfied) over yellow and orange to red (Completely dissatisfied).The same thing I'd love to implement for the matrix table. I'd like that after selection, each of the buttons would have different color. In my case it would be Completely satisfied is dark green, Satisfied is green, Fairly satisfied is yellow and so on...Currently as you see it's just set to dark blue (both the frame and the circle) whatever the choice is selected.The current CSS I have there is following:/* Buttons */.Skin label.SingleAnswer,.Skin label.MultipleAnswer,.Skin select

Sorry, i'm new about programming, could please someone explain me how to insert a custom code into a Qualtrics Survey, and what is the difference to having a HTML instead a CSS or Java code?Thanks a lot for your help

Hello!I would like to remove the borders in a side-by-side format question, so that it is clear to participants that they should enter a number in the text box and also select a time scale for recurring meetings. If anyone could also provide any suggestions on how to remove the header space that is unneded and how to decrease the space between the columns, it would be greatly appreciated! (:

Hello all,I am wondering if it is possible to manually increment the progress bar, likely through javascript? I noticed there are options to customize the values of the progress bar, e.g.,: jQuery("div.ProgressBarFill").css("width", "80%");Could this be tweaked in a way where instead of setting a given value (e.g., 80%), instead it increments the progress bar a given percent (e.g., 2%)?

I've read many articles about skip logic, branch logic, and display logic but can't find anything that fits my needs.I would like a block to end when the respondent gets 4 consecutive questions wrong. How do I make this happen?

I have an Embedded Data variable ${e://Field/ My_multiline_text }, which will store a mutiline textI need a JS code which appends a string and put it on the new line, depending on survey answers. Something like the following:var p2Text = "${q://QID1/ChoiceGroup/SelectedChoices}";if (p2Text =="Yes") { Qualtrics.SurveyEngine.Append_EmbeddedData("My_multiline_text", "Hello baby" );}p2Text = "${q://QID2/ChoiceGroup/SelectedChoices}";if (p2Text =="Yes") { Qualtrics.SurveyEngine.Append_EmbeddedData("My_multiline_text", "I love you baby" );}p2Text = "${q://QID3/ChoiceGroup/SelectedChoices}";if (p2Text =="Yes") { Qualtrics.SurveyEngine.Append_EmbeddedData("My_multiline_text", "I miss you baby" );}So at the end of the survey, ${e://Field/ My_multiline_text } would contain a multiline text:Hello babyI love you babyI miss you babyI am going to pipe in ${e://Field/ My_multiline_text } into my email trigger message body.Thanks!

hello,I have a survey where I'm asking respondents to listen to a piece of audio and then there are follow-up questions. I want to measure how long they spend on the page - so that I have a sense if they skipped around in the audio - and I want to have the 'Next' button appear only when they reach the end of the audio clip.I added a timer and I'm using this JS for the Next button display:Qualtrics.SurveyEngine.addOnReady(function() {  jQuery("#NextButton").hide();  jQuery("#"+this.questionId+" audio").on("ended", function() { jQuery("#NextButton").show(); });});The script worked fine before I added the timer, but now it just displays the button immediately when the block loads.Is there a way to both show the Next button when the audio reaches the end and have a timer in place?Thank you very much!

I have built a long and complex survey that members of our team use for different projects, which they can customize in specific ways based on the project. They don't have to understand or change the inner workings of the survey. To this end, I have created a template of the survey that they can copy and tweak. To prevent that they accidentally change the 'master' survey, I copied the survey to the Survey Library so that they can create a new survey based on that template.However, the problem is that Qualtrics seems to change the QIDs of the questions with each new instance of the survey. Instead of QID1, QID2, etc., the numbers become something very large like QID1278723. What's more, these numbers are different for each new instance. This is a problem because in later parts of the survey it uses Javascript to retrieve answers given earlier, using piped text, e.g.: "${q://1_QID19/SelectedChoicesRecode}"Since QID19 is not 19 anymore, I would have to change the references in each piped

Hello,I'd like to alter the font color of a single answer option (i.e., "don't know" in picture below) within a column response. Please let me know if there is any CSS that could work to alter just this answer option. Thank you, in advance!

Hello, I'm trying to pipe answer text from the date picker from the library (the one with 3 dropdown boxes) on page one into question text on page two. However, none of the options for piping text from that question actually display the date selected by the user. Can anyone help or suggest a workaround?

I am trying to frame a matrix question which allows single select on rows (I have five columns). The last column should be a free text column. I tried side-by-side, but it allows multi select on rows. Is there any other way, probably , some custom code to achieve this?

Hi all,Anyone knows the custom code for changing the sliders as well as the background in Qualtrics Pick, Group and Rank to green color? rondev would be really grateful if you know the code. Thank you so much.

Hi all,Anyone knows how to start timer "count down" when the participants "first click" on the page? I think the default it to start on load.rondev Thank you very much.

Hi,in the project I am currently building, a number of 150 digits is generated at some point. The number is generated within JavaScript and then set to an embedded data field.In what follows I need to show the 150 digits in N rows. For example, assume the number is of 10 digits (1000011100) and I want to show it in 5 rows. Then I would like it to look like:1000011100Now, with my extremely limited understanding of HTML, I thought that would be possible creating some class that sets a limit in max-width, but I do not seem to be able to create a new class using the "Custom CSS" in "Look and Feel - Style".Here's what I added in the "Custom CSS":p.ex1 { max-width: 150px;}And here's what I have in my question HTML view:${e://Field/n}Does anyone know why this does not work and how to solve this issue? Also any other workaround would be great.Thanks!

I need to get questions on matrix table constant sum to show hours and minutes without adding the numbers. So for example i want it to show 1 hr 50 minutes in the total field, but it is showing 51 reading 1 hour as 1.  

Hello all,Apologies for the newbie CSS question... I've done a fair amount of customization at the page/item-level (combination of JavaScript and HTML + CSS), but I have limited knowledge of CSS stylesheets and how to customize the styling for an entire survey.Here's the issue: I created a (complex & highly customized) survey using one of my university's static custom themes. I like almost everything about this theme except the fact that the bottom blue bar/line makes it very apparent that we are using automatic page advances rather than truly interactive elements where things pop up after dynamically, e.g. after a "loading symbol," etc. [This is an experiment; the cover story is that participants are actually assigned to real teams for a volunteering task where they are able to send messages to their teammates. Reality is that the "teammates" are pre-programmed by the researchers.]If I inspect the page when previewing the survey with this static custom theme, I can view the following