Custom Code

I am implementing jQuery datepicker with merge and loop. I have implemented it to my requirement for one loop. But it requires me to set up an embedded field called 'date' but since I want to loop through (a max. of thirty times), it obviously overwrites the date field. Is there a way to suffix the loop index into my javascript code so that it stores it in different date variables depending on the loop number? I used the code provided in this question and I think this is where I need to make a change: Qualtrics.SurveyEngine.addOnPageSubmit(function() { Qualtrics.SurveyEngine.setEmbeddedData( 'date', document.getElementById('datepicker').value ); }); Thanks!

Hello everyone, Is it possible to resize videos (from file library, not YouTube) to fit the screen of the device respondents are using? Currently, when viewed from a mobile phone, the size of the video is too large and will be cutoff. It only fits the screen when viewed in fullscreen mode. Thanks in advance.

Relatively new here, and need some help. I need a survey which will accomplish the following: I need to submit the following data: Manager Name Manager email Contractor Name (used in the survey below) Supplier Name Hiring Manager Name Labor Category Start Date End Date From this information I need to drive the survey to manager asking 5 questions. Did “Contractor Name” display the skills represented during the interview process? Did “Contractor Name” performance met or exceed the expectations set forth in the assignment? Was “Contractor Name” punctual and maintained an appropriate level of attendance? If a future need arises to employ a contractor would you use this resource again? All the above questions have 5 radio buttons Strongly Agree Moderately Agree Neither agree nor disagree Moderately disagree Strongly disagree The expectation is the survey will capture the data from multiple managers for hundreds of contractors as they complete their assignments. So we need a form

I ask respondents in a survey for their race and gender (in multiple choice questions). I then would like to use these answers, concatenate them with some other strings into a new variable, and then set that variable as embedded data to be used in another question. So in the Javascript for a question on a page right after they have submitted the page asking for their race and gender, I pull in their answers using the piped text from the question: `var gender="${q://QID245/ChoiceGroup/SelectedChoices}";` `var race="${q://QID243/ChoiceGroup/SelectedChoices}";` And then use those new variables in a new variable I have already initialized. For example: `phrase="";` `phrase="Some words " + race + " " + gender + " rest of phrase";` And then, I simply set embedded data as normal. For some reason, when I then get to the question that's meant to use this embedded data, nothing at all shows up (whereas before, when the strings I set as embedded data were simply just phrases that did not rel

How can I place the labels “Candidate 1” and “Candidate 2” to the left of the corresponding slider, instead of above? (Please refer to the images above for the sliders.) I think that the gap between the values ($ 15 and $ 40) and the actual slider bars are too large and it makes it confusing to the respondents. I want the values to be as close to the slider bars as possible. !

How can I get rid of the white spaces between $ and 15 and $ and 40 (the labels for the sliders)? ! (As a reference, I used the below code as “Custom CSS” to add the “$”. !

Hello together. I have a problem with a pick, group and rank question. How can I randomly arrange the groups? The menu "Answer Randomization" unfortunately does not work. :-(

I'd like to show a different exit message if the user exits at the consent form level of my survey as opposed to after completing it. Is there a way to implement this? Currently, my consent form goes right to 'exit survey' and that has only the one end survey message attached to it. Thanks!

I'm running a survey, and in each question, I have custom JavaScript that I'm using to send AJAX requests to a web server I own. That web server supplies data back to Qualtrics that I use to fill in information for subsequent questions. How can I prevent Qualtrics from advancing while waiting for data? Setting `jQuery.ajax({async: false})` didn't seem to do it. After adding a delay via `setTimeout`, it now goes to the proper next location after submitting the same question twice. I'm using embedded data to store the information for the next question. I have one question block with five questions inside of it. Each individual question has its own display logic whose conditional statements use embedded data. That block is in a loop/merge construct.

Hi, I have managed to get this table as response format for qualtrics using the below HTML" ! <style type="text/css"> table, th, td { border: 3px solid white; font-size: 14px; border-collapse: collapse; padding:8px } </style> <table width="100%"> <tbody> <tr align="center"> <td bgcolor="#FF0332"><input id="0" name="0" type="radio" value="0">0</td> <td bgcolor="#cb3333"><input id="13" name="13" type="radio" value="13">13</td> <td bgcolor="#cb3333"><input id="25" name="25" type="radio" value="25">25</td> <td bgcolor="#cb6533"><input id="38" name="38" type="radio" value="38">38</td> <td bgcolor="#cb6533"><input id="50" name="50" type="radio" value="50">50</td> <td bgcolor="#cb6533"><input id="63" name="63" type="radio" value="63">63&lt

I am using a slider with values from 0 to 100. I would like to place the labels "Mild" "Moderate" and "Severe" along the horizontal axis but I do not want them to be automatically put at 0, 50 and 100. I would actually like the "mild" to be at 10, "Moderate" at 35 and "Severe" at 75. Is there a way to do that with js? I can simply not code, so I am very appreciative for any help!

Hello! I have the following code for copying selected multiple choice text to an embedded data field "choice1": `Qualtrics.SurveyEngine.addOnload(function() { var currentQuestionID = this.getQuestionInfo().QuestionID console.log("Current Question ID is: " + currentQuestionID) var resultEmbeddedName = "result_" + currentQuestionID.substring(3) //e.g. result_6 $('NextButton').onclick = function (event) { var questionObject = Qualtrics.SurveyEngine.getInstance(currentQuestionID) var currentResponse = questionObject.getSelectedChoices()[0] //in case more than one is selected, it will only work here to take one! var theQuestionInfo=questionObject.getQuestionInfo() var choicesObject=theQuestionInfo.Choices var thisChoiceObject=choicesObject[currentResponse] var currentChoiceText=thisChoiceObject.Text console.log("Number of the current choice is " + currentResponse) console.log("Text of the current c

Hi All, I am trying to create an inline email for our NPS survey. My marketing team has created the email in HTML for me but I am struggling to link the responses to the specific number in the HTML. Here is an image to give you an idea of what the email will look like. Once the user clicks on their response/number we should capture the response and open a new tab to the rest of the survey. ! I did reach out to support but they just said I need to review the inline email article below. I have reviewed the inline email article and other articles/posts but can't seem to find what I am looking for. The attachment was great but still short of what I need. Anyone??? * https://www.qualtrics.com/support/survey-platform/distributions-module/email-distribution/emails-overview/#InlineEmailQuestions * https://www.qualtrics.com/support/survey-platform/survey-module/editing-questions/rich-content-edit

Hi everybody. I've got something like this HTML in a Qualtrics question: `<img src="https://www.gstatic.com/webp/gallery/1.jpg" style="width: 556px; height: 273px; ` `padding-bottom:0px; margin-bottom:0px; border:1px solid black;">` `<br><div style="margin-top:0px; padding-top:0px; border:1px solid black;">Text</div>` My goal is to have _no gap_ between the image and the text. It looks fine while editing the Qualtrics survey, but when "Previewing" the question, there is a gap of about, say, 10 pixels. I want to remove it. I suppose it's CSS associated with the Qualtrics theme -- perhaps a margin or padding somewhere?. I've tried different themes, but nothing gets rid of it. Is there some custom CSS I could add somewhere (presumably as a preamble to that question's HTML because I'm after only a localized change) to get rid of that gap?

I've used Survey Flow to Set Embedded Data, adding ResponseID at the beginning of the survey. I'd like to get the ResponseID using JavaScript. Although I can pipe the ResponseID as text into the question text, the following JavaScript does not work: Qualtrics.SurveyEngine.addOnload(function() { console.log("In function added via addOnload"); console.log(Qualtrics.SurveyEngine.getEmbeddedData('ResponseID')); // prints `null` }); Thanks!

I am trying to integrate an online experiment put together using lab.js, hosted on a local server, with a questionnaire in Qualtrics. Basically, I want people to fill in a couple of questionnaires in Qualtrics before moving on to the online study where they'll see a range of images and respond using the keyboard as to how likely they are to carry out some action. I would like to integrate the online experiment into Qualtrics, so that participants don't have to go to a different website to complete the experiment, and I will get all the data in the same file. Using the instructions on the Lab.js website I've managed to run the study in the Qualtrics interface, but I can't get the results to be saved as Embedded Data. I have created a text entry question in Qualtrics and entered the following code in the HTML view, which shows the study: <i

I want to modify these sliders ! 1. How can I adjust the values so that they appear above and not on the scale. 2. Is there a way to have the choices adjacent and not below the sliders? Thanks in advance!

Dear Community, I've to handle a list with 190 items. This is used in different questions where only specific items are shown. Of course the task can be done by using the display function. However this is a bit of a Sysophos' task and it is rather error prone. All questions and solutions I've found in this forum so far still rely on the display logic. In order to avoid using the display logic feature I'd rather would use only some JavaScript and embedded data. Basically I would set embedded data arrays like on displayed and not selected answer options and selected items. The idea would be to refer to the embedded in a JavaScript function which shows only the required list items. Has anybody an idea how this can be accomplished? Thanks for your support Rudi

Hello ! I have imported the question from Qualtrics Library to show a calendar. However, when I add text to that question I no longer see the calendar in the preview. I would like the question to be in French and to have a bit of text above the calendar.

Hi, I was just wondering how do insert vertical lines for questions on a likert scale with 4 and 3 responses to look like this e.g. Not True | Somewhat True | Mostly True Any help would be appreciated! Thanks

I recently wrote a custom Qualtrics survey using Javascript and HTML code, which I hope to distribute on mobile devices. Although I can run the survey on an Iphone, when running the survey on an android everything is blank besides the first page (which is an introduction page of text). Does anybody know why this might be happening? I have enable Javascript on the Android but it still won't show. Below are my HTML code: HTML <code> <style> div.border { position: absolute; width: 350px; height: 475px; border: 0px solid black; } div.labright { position: absolute; bottom: 1%; right: 1%; line-height: 110%; font-size: 30px; font-weight: bold; text-align: center; font-family: arial; } div.lableft { position: absolute; bottom: 1%; left: 1%; line-height: 110%; text-align: center; font-size: 30px; font-weight: bold; font-family: arial; } div.load { position: absolute; top: 55%;

In some of our surveys, we ask respondents to rate models that have long descriptions. When these models are referred to in later questions, instead of displaying all of the text again, I thought it would be useful provide hover over text as a reminder if needed. I initially tried the span title/span approach in each of the response choices. However, I then discovered that these hover over text boxes will not work on mobile devices (which make up about 60-75% of our completes). Based on recommendations and other posts here on the same topic, I understand now that the better approach is to use a a Tooltip where computer users can hover and mobile users can "click" the label to display the text. I slightly modified some of the example script available for use on Qualtrics. It works great in the computer version of the survey and I've been able to make visual tweaks for text to appear at top, at bottom, or relative to label. However, I can't seem to make it play nice in the mobile

Hi all! I'm working on a survey, and would like a way to make a specific web page appear on a question. The plan is to put the webpage in an iframe, but there's one major issue I'm running into. I would like to use piped text from an earlier question to determine what webpage appears in the iframe. More precisely, in an earlier question, participants are asked (via text entry) to enter their twitter handles (i.e. "Qualtrics"). Twitter urls have the simple property of following the format https://twitter.com/whatever, so the twitter page for qualtrics is https://twitter.com/Qualtrics. Ideally, we would show participants an embedded view of their own twitter page, so if they entered their twitter handle, "i_am_stuck_on_this_problem" on the earlier question, then the iframe would display the web page at https://twitter.com/i_am_stuck_on_this_problem. Does anyone have an idea for how to access piped text answers as part of the source code? Or even if that's not possible, is there any w

Hello! I'm new to Qualtrics and working on a survey that collects respondent information and then displays data based on this content back to the respondent. For example, I'll first ask respondents for their state and county information (which they'll enter from a drop down list), and then match their inputs to an underlying dataset that can display data that is specific to their state and county (i.e. by telling them what their county spends on education). I know that I need a contact list with the state, county, and spending data, but I'm having trouble getting Qualtrics to match responses to a dropdown menu for state & county to the spending data from the contact list. I tried setting the embedded data from the contact list equal to the question responses for state and county, but it doesn't seem to be linking these responses together. Is there a specific order for the embedded data & survey logic, or is there something specific that I need to do in preview mode to make this work

Is there a way to set up custom validation for a drag and drop/rank question in order to prevent participants from advancing to the next question unless they at least click on each item in the list once? I have about 20 items in my list.