Custom Code

Hey all! I am new to coding in Qualtrics (and coding in general). I am currently working on a task that includes making a slider question that looks like the one in the link:Start pageEssentially, I need a slider that changes the positions of the two labeled circles, with the circles not touching at 0 and completely overlapped at 100. Does anyone have any ideas for how I should go about this? Thank you all in advance!

Hello! I'm new to Qualtrics and working on a table of information to display to respondents. I need to randomize both the rows of the table and the information within the table. For example, I'm asking respondents to decide between two options, each with 4 kinds of information (ie location, price, years, number of employees), where each kind of information has 5 possible values (so 5 different locations, and so on). I used the randomizer in survey flow and embedded data to create a table of options with a randomly displayed location/price/etc, but I can't figure out how to also randomize the rows so that the information could be presented in different orders as well. And example of what I'm hoping to produce is below, where one respondent might see the rows ordered the first way, and another respondent might see it the second way. Any suggestions on how to code this up? I'm also new to javascript but could try implementing a solution using JS as well. Thank you in advance!

deleted

Note: I have absolutely no knowledge of coding or using Qualtrics before, so excuse my terminology. I have 4 different videos and I also have to use randomization feature.I have reviewed all the questions related to the matter and tried all available solutions on the community pages, but they do not seem to work for me (using mobile for the survey). The delay next-button does not work either. This is how i embeded and iframed the video (got it from the community pages):    https://www.youtube.com/embed/Fd1XdpD9Iw0" height="315" style="width:100%;">Before proceeding, I would like to ensure that the participants have finished watching the video (38 sec). Please, can you help?

Hi - I have a constant sum question that with a (frankly stupid) required workaround I can get to validate against a variable total value. It requires the use of a custom next button. Functionally it all works fine but the custom button has very basic styling and it stands out against the aesthetics of the rest of the survey. If I add a style element into the button html then I can get the button to look closer to the survey template styling but it appears to introduce issues and the standard default Next button which should remain hidden becomes displayed again - so essentially I have two next buttons. Here's an example of custom button html that works fine: `var nextButtonHTML = '<input id="CustomNextButton" class="NextButton Button" title="→" type="button" name="NextButton" value="→" aria-label="Next" style="">'; jQuery('#Buttons').append(nextButtonHTML);` Here's an example that causes the unwanted behaviour described above: `var nextButtonHTML = '<input id="CustomNextBut

Hello,I have created two buttons with java script in my survey:Save & continueSave & continue laterWhen a respondent clicks on the button "Save & continue later" I would like them to go to a customised end of survey block, providing them with information when the survey closes and how they can continue the survey. I understand I will have to work with branching here. However, my question is, how can I embedd the click of the "Save & continue later" button in the survey flow and let this action (clicking the button) go to the specific block? As always, thanks so much for any advice!

Hey all,My team has been using a survey to generate randomized (hence fake) resumes for respondents to rate the quality of. Right now, we have a bunch lists that contain information like education, job experience, volunteering, etc... basically all the typical components that make up a resume. These lists are stored in our javascript right now (literally stuff like 'let jobList = [job1, job2,...]'). We also have these lists stored as excel sheets for internal organization purposes. But when it comes time to update the lists or change them in some way, we have to change them in both the excel files and the javascript which is a bit tedious.I was wondering if there is some better way to do this? Maybe a way for Qualtrics to pull the lists/data from somewhere else? I'm not aware of what the best practice for something like this is. Any recommendations?

Hi everyone. I would like to insert a Qualtrics survey question (text entry or star rating question) to Marketo newsletter/email. I have read here that this is possible by copying the HTML codes from the inline question. However, text entry and star rating questions are not compatible with inline question setup. Do you have any solution for this? And is there any way to capture the data to track the respondents who answered the question?Also, just thinking if it's possible to insert an "embedded feedback" intercept in a Marketo email?Thanks in advance!

I would like to dynamically set the height of other rows in a table to the height of a specific row in this table. Because this one large row has different heights, depending on the screen size, I would like to do this with JavaScript. My table looks like this:                           A   B      feature   bla   bla       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolo

I have a side-by-side with three rows and three columns. Columns 1 and 2 need to collect integers, but column 3 needs to allow numbers (with decimals). I modified a bunch of code I found on here and know which line is helping but also not quite right for my needs. Any help modifying it would be great. My survey is already live and none of the stakeholders mentioned this requirement. However looking at the first three submissions I see the need for this.The last row of code is where I am having issues but wanted to provide as much context of my code and variables as possible.Qualtrics.SurveyEngine.addOnReady(function(){//laod the libraryvar $jq = jQuery.noConflict(); //always keep this//disable editing first and third row//first row pulls in historical information//row three calcualtes totals for columns 1 & 3 (column 2 only shows a box for row 2)$jq('.SBS1 input:eq(0)').attr("disabled",true);$jq('.SBS1 input:eq(2)').attr("disabled",true);$jq('.SBS3 input:eq(0)').attr("disabled",true)

I tried to send a drafted saved email on Qualtrics with a survey' question embedded into it, however, adding this embedded question into the actual email changed the formatting of the rest of the email. I reached out on live chat and was told that we'd need to use Javascript to recode the custom box (embedded survey question) to not mess up the sizing of the rest of the email - right now it is far too big and is making the size of some other sections bigger too. I'm now searching for some further specifics about what would need done in terms of the Java re-coding. Does anyone have any information on this? Please can you share resources so we can embed the survey question into this email or future similar emails without it affecting the rest of our email template. Thanks!  

Hello,In my survey I require a fake "Save & continue later" button, which when clicked should lead survey takers to a specific block. I'm hoping I will be able to use embedded data to make this work. I have been able to clone the "Next" button using Java Script. This is the script I've used:This clones the next button perfectly, but I'm now not able to change the name of the fake button. What am I missing in my code? Apologies if this is a simple question, I have searched the community topics and Google high and low and cannot get to the bottom of this. Also, self-taught Java Script novice here... Here you can see how the buttons look, but I need one of the "Save and continue" buttons to say "Save & continue later"Thanks so much for advice!

Hi all,I have a video inserted via "Insert Media" function on Rich Content Editor, in a Matrix Table question. The video is a Mp4 file uploaded to my library. I need to change the initial frame shown before the video it is played.Is it possible to implement one of these two solutions:Select a specific second (e.g., sec 5) of the video and set this as the frame of the initial screen, before the video is played. Ensure the video shows a black (or any other color) image before it is played.I get close to solution 2 by changing, in Rich Content Editor of the video, preload="auto" to preload="none". However, the initial box is smaller compared to the size of the video.Thank you.

How to auto select an option when the respondent is only shown one option and have him move ahead in the survey, without showing that particular question.

Hi,I am trying to pre-check (i.e. by default) all the check boxes in the same column based on the response from previous question. In my case, a respondent is first asked to select the services the company provides. If "Bandwidth" is selected, for example, the check boxes under the "Bandwidth" column in the SBS table will all be checked by default.I am a beginner in JavaScript. I found a similar post which could be a possible solution with some amendments. The code from the post:if("${e://Field/Skill1Included}" > 0) {jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(0).prop('checked',true)}I've set up some branch logics and embedded data fields for the conditions used in the code, but I don't know what I should change in the jQuery commend to get it working with the columns.Many thanks!

Any help and/or support on this is greatly appreciated as I have little to no experience working in JAVA. I have an old survey where an employee who no longer works with our company added some custom JAVA as a validation at the end of a survey. The questions ask the total number of employees, then the total number of women, men, etc. In the old survey, if the survey taker inputs a set of numbers that do not total the total number of employees the HTML coded table populates with the following rule and typed error.Example from last years survey:When creating this years survey, I copied over the questions, and adjusted the QID pointing to the the new QID's (they changed year over year), and assumed the validation would work for this years survey. It does not and I can't figure out why. Any assistance and or suggestions would be greatly appreciated.Here is what the question looks like:Here is the HTML code creating the above table (just in case this has something to do with it):(Test) Math

This question has been asked before here but I could not solve the issue with the answers given previously. In short I have a question which asks participants to rank several options. After they respond, I want a "text/graphic" type question to appear if and only of the ranking a participant gave is incorrect. Display logic does not allow me to specify a condition like "if option A was higher ranked than option B:". Any advice?

Hello All I have two questions and i want to show value entered in one question in another question and want to fix that value so that respondent cannot edit it again. Although i am aware of the default choice functionality but still i am able to edit it is there a way to fix the values and lock the cell in second question.

I have reviewed all the other post and have tried these but they are not working for me. I need my video to work for mobile viewers as well. When I use scripting from other post this seems to disable the CSS I have enter for my mobile viewers. I just need the next button hidden until video ends and allow auto adjust for mobile.I have also tried the timing question but this does not seem to work with the CSS, once I incorporated the CSS, I no longer get the next button to populate. My end user just get stuck on the first page.

I am using the following code to customize the background on specific survey pages. It works, but when the questions are long enough, the background color stops mid-screen and doesn't continue down to cover the full background. Is there another object I should be specifying for the background?Qualtrics.SurveyEngine.addOnload(function(){ jQuery(".Skin" ).css({ "background":"#F7EDE2" }); });

Hi all, my university does not allow graphic sliders due to accessibility issues. Is there any way to DIY something that functions like a graphics slider? i.e., a slider with dynamically updating custom graphics?

Hi Community,I'm trying to rename the "Total" column of constant sum question in Matrix

Hi,I am trying to present participants with images and have them click certain locations on the images using the heat map question. I wonder if there is a way of making the dots (the circles that show up when you click on a location) bigger, so that participants do not click two or more locations that are too close to each other.Thank you in advance!

Hello! I'm currently trying to enlarge a photo on my survey but it won't go larger than the size that I'm showing in the screenshot. I've tried making the actual graphic larger, setting the width and height in the source code, changing the layout, and other solutions that people have come up with, and nothing seems to be working. If anyone has any ideas, that would be much appreciated!

Basically we have custom javascript on the first question of our survey and we only want it to run the first time the user sees the question. If the user advances in the survey and then goes back to that question, we do not want to have the code run again. I think this could be solved with a global counter variable that is used throughout the survey, but I'm not if/how to set such a variable. I tried setting a variable in the code we use for the question but as expected when the user goes back to the question, the code runs again and resets the variable so the counter doesn't work. Thanks.