Custom Code

I am creating a survey consisting images as questions. All the questions are multiple choice with the multiple choice answers options as images in a column, and I wanted the question (image) to be on the left side of the answer option column as a separate column itself. I knew a possible way is to edit the Javascript but I need some help on that. Below is the image of my question: ! First row is the question and the next rows are multiple choice answers. Instead of the question on the top, I want it to be on the left side, on the center relative to the answer rows. Is there a possible way to do this? Any help appreciated. Thanks!

I've recently completed a survey on the Qualtrics platform in which a constant sum question was used with slider bars. What made this question unique, however, was that the question also included a doughnut chart which dynamically displayed the values attributed to each choice within the question and listed a message that "You have X% remaining." Can anyone offer insight into how this might have been accomplished? Image attached for reference. !

Is it possible to assign an embedded data field to a value that is determined by a respondent's responses but is available in an (external) Excel file? For example: The respondent answers a question asking for their zip code (a text entry question). I have an Excel file that links each zip code with the latitude and longitude of the "center" of the zip code. I would like to define two embedded variables, one for the latitude and one for the longitude that corresponds to the zip code given by the respondent. There are solutions that use branching or drill down variables, but so far these would involve too much work (one branch for every zip code in the US for example), or would require the user to select the lat and lon after picking their zip code. Kind of awkward to have the respondent see the lat and lon at all. Would like this process to happen behind the scenes. Thanks.

When respondent's select a school from a long drop down list, or in a drill down (state, city, school), I need to be able to link that school (name) to the school id. I don't want the respondent to see the school id -- they only select the school name. But when I download the data, I would like to have a variable for the school name AND a variable that shows the corresponding school id. The number of schools and ids could be as high as 30,000. Not sure if this is baked in somewhere or not. Can't seem to find anything for this situation. Thanks.

I am trying to set up a survey where my participants begin and end in Qualtrics, but redirect to Sawtooth in the middle of the survey to complete a max diff exercise. I understand how to pass information such as ResponseID from Qualtrics to Sawtooth and then back to Qualtrics within the link URL, but I am having an issue with getting Qualtrics to recognize my participant as the same participant. Does anyone know what data I would need to send from Sawtooth back to Qualtrics within the URL to get Qualtrics to recognize that the same participant is re-entering the survey to complete the remainder of the task?

!

After customising quite a few surveys in Qualtrics, there are some elements that I've repeatedly struggled to adjust to my full satisfaction. Does anyone know of a canonical reference document that shows the CSS relating to Next and Back buttons (especially their position - I can only ever get them to show in the bottom-right of each page, next to one another)? I'm also having difficulty with matrix questions - I can't figure out the CSS that controls the 'fade on hover' behaviour for alternate lines. I have a darker shade behind every other statement / ranking line, which currently fades to white on mouse-over and I'd like to disable this behaviour. Any help appreciated!

How can I make my survey auto-advance using JavaScript so that... after a person selects one answer for each statement in a matrix question (single answer allowed for each statement), it auto-advances to the next page? Thanks. --David

Is there a way to use Java script to record in the dataset whether the respondent hit the "back" button on any given page?

I have a question that requires an additional definition, and I have it coded so that when you hover over a word, you see additional text. However, the hover text box is not big enough to display my whole definition. It seems to be related to character count. Is there a way to make the box bigger or allow more characters? Thanks!

I'm hoping that someone might have a javascript so that entries in a constant sum question are right-justified, rather than centered in the box? TIA! - Mary

Does anyone know how to get respondent data and survey response data back after a survey is filled out on my website ? Seems like there is an API to create surveys but not get data back in real time.

I am using the below javascript to define an array and retrieve random elements from the array. var COST = ["$400","$500","$600","$700","$800"]; var COST_a1 = COST[Math.floor(Math.random()*COST.length)]; alert (COST_a1) ; /* for debugging */ When I preview the survey, Qualtrics runs this piece of code TWICE. The alert box pops up twice with different values for COST_a1. This is causing issues on another page when I try to capture the value of Cost_a1 using this.setChoiceValue(3,COST_a1); I only need the random value to be generated once. Any guidance on this matter is appreciated. Thank you.

We are trying to create a Custom Side by Side Question with choice options on both sides and question text at the middle but no luck. i.e. we need 7 columns, with three columns of text in the middle and two columns of choices either side. The choice options are to be grouped per row as the user is expected to only choose one option per row. Attached is the sample screenshot of the question I am trying to achieve. Can someone help please?

I am trying to break up a date text string into the year, month, and day, but I just discovered that the date text string can separate the values using either "-" or "/" depending on the source. The script I am using (adopted from a script I got in an earlier thread) will work for one, either/or the other. Is there a way to write a .split statement with an or condition? Below is my code. Imagine that COVERAGE_BEG_DT can be either 01/01/2018 or 01-01-2018 const Coverage_Beg_DT = Qualtrics.SurveyEngine.getEmbeddedData('COVERAGE_BEG_DT'); Coverage_Beg_DTArr = Coverage_Beg_DT.split("/") Qualtrics.SurveyEngine.setEmbeddedData("YOTenure",Coverage_Beg_DTArr[2]) Qualtrics.SurveyEngine.setEmbeddedData("MOTenure",Coverage_Beg_DTArr[0]) Qualtrics.SurveyEngine.setEmbeddedData("DOTenure",Coverage_Beg_DTArr[1])

Hello - I am looking to use embedded data fields in the survey in order to show different color schemes for the survey. Is there a java script that would allow me to say "If embedded data is 'blank1', then show (java script for one color scheme). If embedded data is 'blank2', then (insert java script for second color scheme)."? I currently have the color scheme java script in place, however, I am looking for the ability to implement these "if, then" scenarios. Thanks in advance. -Joseph

Hello everyone :) I am still working on the word completion task where the participants get a new entrybox every 6 seconds. Now, thanks to the community, I was able to implement the custom code to have the entry box preselected. To increase the convinience for my participants even further, I wonder whether it is possible to submit an answer by pressing the "Enter" key on the keyboard (instead of clicking on the arrow with the cursor). Can this be implemented? Thank you Jonas

Hello everyone I want to do a word-completion task. This means participants see a word fragment (e.g. "w_t_r") which they should complete to a full word (e.g. "water"). As I do it currently, I show them the word fragment as text field and below that there is an empty text entry where they should write "water". This is kind of alright (is that the best way?). Now I want to present them only one word every 6 seconds. So what happens is that I have around 35 blocks with each one word fragment and one entry field. Every 6 seconds there is a new fragment automatically. Now what I would love is that the text entry field is preselected. So that basically the participants not have to select the text entry every new block. I was told by support that this might work with a custom code? Any ideas? Thank you Jonas

A lot of my projects involve Custom End of Survey Messages, but will be doing custom emails, and Piped Text Input in styled/HTML Survey Blocks. One of my biggest bottlenecks is the Qualtrics IDE (It is excellent, but I enjoy working on my own, local IDE, Visual Studio Code). Another bottleneck I face is Piped Text Token (i.e. `${e://Field//Total}`). When I run code in my local IDE, and have a Chart.js that takes in an array of embedded fields, in have to swap them in and out to test it locally and then post the code in Qualtrics. I, today, started developing a Transpiler of sorts, as an NPM Package. Copies your code with Piped Text Tokens, and replaces them with sample data. I wanted to get a feel for if you guys would like a copy, or if there is interest so I could package it up and serve it publicly. It takes in three key pieces of data: a Source Directory, an Output Directory, and a list of key-value pairs, the key being the Piped Text Token, and the value being the Sample da

From what I've read it seems Qualtrics does not provide display logic options for dates. Can anyone advise re: javascript code that would check the date a survey was being taken against a user-provided date(s). I want to allow survey completion if the date on which the survey is being taken corresponds to +/-7 days of a user-provided date.

I was wondering if anyone has developed custom CSS or JavaScript to alter the drag and drop question format. I would like to display the items that are dragged horizontally across the top of the page. Alternatively, if that can't be down, I would like to keep the items fixed in their position in the item container when they are unsorted. As it is, their position is dynamic, and as you sort the items that come before it, the items move up. If you place an item back in list, you can place it in any order. I would like every item to have its own place that does not change while it is unsorted on the left hand side of the page. Thanks!

Hello Everyone, I have a timer 10 seconds to fill only one feedback question about his/her experience on the interaction with the random person. data is only recorded in Qualtrics only when the user hits the submit button but data is not recording when the user didn't press submit button with in the time period of ten seconds. i wanted to make use of data and want to record the data in Qualtrics even if the user misses the submit button option in ten seconds. does anyone know how to do that with javascript?

I have been running into similar situations with a few of my customers and wanted to share some of my custom code solutions, with the hopes that others can share theirs as well!

Hey! I am using javascript to randomize some pictures as part of a multiple choice question. I am not able to use the advanced randomization included in Qualtrics as there are some very specific rules the randomization needs to adhere to. I figured out the javascript part. The only problem is that when the page loads, the question briefly flashed the non-randomized order of pictures before showing the correct randomized version. Is there any way to load the javascript earlier, or to delay the showing of the question so that this flash doesn't happen?

Hi all of you coders out there - I'm wondering whether any of you also have difficulties with the JavaScript editor font. Two related issues: first, the font is not monospaced, and second, the cursor often appears in the wrong place (see screencast below). I'm not sure if I'm the only one experiencing this problem. Basically my cursor never lines up with the actual location of the text I'm editing in the JavaScript editor. I never know whether I'm deleting the wrong text until I actually do because the cursor often shows up in the wrong spot. Sometimes the cursor doesn't even line up with any text. I think this wouldn't be a problem if they would use a monospaced font in the editor window. Screencast: youtu.be/UIAOUoyDjTk?hd=1