Custom Code

Is it possible to hide some lines of text appearing in a survey footer for the first 3 pages of the survey only?

Hi all,I am looking at the java instructions to retrieve the data inputted in a matrix-type question. My question looks like this:  The A and B boxes are text entries but conditioned to numerical values. The options 1, 2, 3, 4 seem to be radio type. What I want is to save in a embedded variable what is inputted in A and B, then retrieve also which option was selected 1 or 2 for A or 3 or 4 for B.  Edit: I want to do this while submitting the answer because I need to calculate a value from the A and B boxes that conditioned the appearance of the next question. Thank you for any insight!   

Hi! I have two different questions about position in slider questions: moving labels from above the bar to the left side of the bar side with the slider/slider type, and changing position with the star type. Slider label from top to side:In the editor when you’re setting up a slider question, the labels are to the left, like this:  But on the front end they go full width and move the label to above the left side of the slider, like this:This has proven confusing for people, as once they can’t see the top line they revert to normal labeling patterns and think of them like a caption, where the word below is a label for the thing above. Is there a way I

Hi, I am hoping to embed a presentation within my Qualtrics survey and from other entries it seems that the best way to do so is insert each slide as an image. The problem I came across is that when the slides are presented they are really small and don’t stretch across the whole screen. The survey is going to be on PC monitors so I am not concerned about usability on phones. I am not very familiar with HTML and was hoping someone may have a solution or can provide some advice on how to get the image to fill the screen! Thanks in advance!I used: <img src="my_image.jpg" style="width:100%;">But the size of the image still seems to be limited by qualtrics. 

How do I adjust the height and width in a matrix table of text entry response boxes? And would the code be added to Custom CSS or External CSS under Look and Feel? Thanks in advance for any suggestions.  

Hi @TomG,  Thank you so much for the previous answer. It was of great help Currently, I’m working on a ‘Pick, Group and Rank’ question and I expect most of my respondents to fill this survey on a mobile phone.In the question I’m asking the respondent to drag and drop the top 5 countries by their revenue contribution and then rank them in descending order.When I’m previewing this question in my mobile phone, the options added to the box are getting centrally aligned, hence are not visible to the respondent. Attaching the screenshots from the preview section: Question as visible on the mobile phone before moving the options to the box: After adding the options to box: 

How do I hide the TOC button in some pages? This button is now between my back page and next page buttons. Thank you!

I have a multiple choice question after another question that I want to indent slightly. Trying to achieve something that looks like this: Question 1 (Indent) Question 2 (2-columned) (Indent) - choice 1 (Indent) - choice 2... I was thinking JS for the question rather than CSS since, CSS would change all the margins for that question type.

I’m trying to show participants a video (either via a youtube link, or with an uploaded mp3), but I would like to hide the video’s playtime progress/time bar. How can I go about doing this? Thanks!

Hello, I’m currently working on an n-back task (both 2 and 3 back). For practice trials, I want there to be feedback, that displays when the participant correctly/incorrectly identifies a match.When clicking preview question/block, everything works as intended. However, when I preview the entire survey (multiple trials are shown after each other), only the first practice trial shows the right feedback. The other blocks are able to identify correct matches and responds to input, but it will only briefly flash “Correct” before switching to “Incorrect”. It does not matter if there are other, not practice trials in-between, the issue always occurs. I assume something is carrying over to the next question, but I’m not sure how to fix that, since I don’t have much experience coding (this is also why my code is pretty messy and probably not correctly implemented...): <!DOCTYPE html><html lang="en"><head><meta charset="

Hi all,I’m trying to run the n-back working memory task on Qualtrics (using the JavaScript code from an existing academic paper: https://www.tqmp.org/RegularArticles/vol19-2/p136/p136.pdf), but when I try to use it in Qualtrics, I get the following error: “Invalid JavaScript! You cannot save until you fix all errors: Unexpected token )”. Any ideas of what might be wrong (e.g., indentations/spacing issues)? I’d really appreciate the help! Attached is a word document of the code. 

Hi all, I’m trying to run something called the n-back working memory test on Qualtrics, and I have the Javascript and HTML code ready (which is from an existing paper), and no error messages appear when I paste the code into Qualtrics, but unfortunately, the page for that question does not load even though the code appears to be working. I would appreciate if someone could take a look at the code attached, as I’m not sure what might be wrong (either with the code or the Qualtrics). Thanks in advance!

Hi everyone,I would need your help as I have a multi country survey so I created one project with several langage but my logo is different for one country.How can I adapt the logo for specific langage/country ? As the logo appears on each page of my survey!Thanks for your help.

I'd like to add an image to the box where items are sorted to. I tried adding the piped text of an image, but that didn't work. Any ideas? THANKS!

Like many here I’m a JS novice so I am having a hard time understanding previous examples and how they can be adapted to my particular design. Goal: Show one of the faces categorized as familiar again.Question 1: 11 images are shown using a stack format for the Pick, group (sorting is irrelevant to me). They are asked to sort into Familiar and UnfamiliarQuestion 2: Please take a few moments to identify this person (Text entry response). My question is, how can I code Qualtrics so that question 2 has 1) a random draw of 2) ONE of the familiar response faces that is 3) PIPED into the question.  

Is there a way to add both text AND an image in the GROUP for a Pick, Group and Rank question?

Hey all –Trying to style the buttons in a profile-type matrix question so each column is a different color. (ie column 1 is green when selected, column 2 yellow etc etc)I’ve found this plus the snippet below and can get something similar to work for multi choice questions, but can’t figure out the right CSS classes I need for profile question. Any help appreciated! <style>.Skin #QID14 tr td.LabelContainer:nth-child(1) label.MultipleAnswer.q-checked, .Skin #QID14 tr td.LabelContainer:nth-child(1) label.SingleAnswer.q-checked{background-color:red;}.Skin #QID14 tr td.LabelContainer:nth-child(2) label.MultipleAnswer.q-checked, .Skin #QID14 tr td.LabelContainer:nth-child(2) label.SingleAnswer.q-checked{background-color:red;}

I know there is code to do this                 jQuery('input[type="checkbox"]').eq(0).prop('checked',true);but this doesn’t work if the multiple response question is randomised. As it just puts it into the first option that appears rather than option 1.SetChoiceValue doesn’t seem to work either only works for single response. Is there code to reference the actual option code?   

Is there a way to display two questions (of any type) horizontally next to each other instead of one below the other?The Qualtrics side-by-side function is limited to multiple choice and text entry.Any help is highly appreciated!

I am trying to use JS to initially hide a slider question. I have a 2 sec fixation cross which should appear while the slider is hidden, and then the slider and an image appear. I have tried various methods to hide the slider question but they are not working. If I use: var q1 = jQuery(".QuestionOuter:first"); and q1.hide() and q1.show() the question is hidden/shown as desired but the functionality of the slider is impacted and it cannot be dragged (see image below).If I use:     var q=("#"+this.questionId);jQuery(q).css("content-visibility","hidden"); and jQuery(q).css("content-visibility","visible"); The slider does not hide as desired. This is my full code: Qualtrics.SurveyEngine.addOnload(function() {  var images = [      "https://cambridge.eu.qualtrics.com/ControlPanel/Graphic.php?IM=IM_yV5FFwBXvaa9Ju3",      ];   // create fixation cross element       var fixationCross = document.create

Hello, Does anyone know how to edit or control what is displayed in the preview of an email when sent to participants. We would like it to mention certain words in the inbox. I know it requires HTML coding. Thanks

Hi! For my research, I would like to use the Matrix table - drag & drop. Mainly because Qualtrics does support scoring in this question type but not in 'select, group and rank'. However, I would like to have the items horizontally above the 'answer boxes'. In addition, the largest questions consist of 8 boxes and 18 items. Unfortunately, the combination of the following javascript code & CSS codes do not work for this. I have already tried replacing the PGR in the CSS code with jQuery, but this does not give the desired result either.   Javascript: Qualtrics.SurveyEngine.addOnload(function(){/*Place your JavaScript here to run when the page loads*/ var qid = this.questionId;var lastrow = '#'+qid+' > div.Inner.BorderColor.DragAndDrop > div > fieldset > div > table tr:last'; jQuery(lastrow).after('<tr>...

I have an unusual situation where I need to control the Look & Feel of different brands in a single survey. We are locked into the “Simple Layout” and I have most of the JS working with the exception of a few selectors giving me trouble. The various brands are getting passed in by a web query so it’s all controlled by the JS in the Header. Here’s one example - Matrix Column Bottom Border ColorjQuery(".matrix .matrix-table .matrix-scale-points-item.hover").css({ "border-bottom-color" : "#5e5e5e"});Unfortunately, I cannot seem to figure out how to update the color for the mouseover/hover/focused effect. Any ideas?  

Good morning. My goal is to make the boxes in the image become the same size in width and height. Not being familiar with css I tried to search into this forum for other users who had the same problem but I did not find the perfect code and all the attempts made did not give the correct results or they give no results at all. Could someone give me a code to insert in the custom css of the look and feel page? Thanks so much for the support

Hi all, I tried using the answers from this thread: https://community.qualtrics.com/XMcommunity/discussion/3451/program-eq-5d-vas-scale#latest , but can't seem to implement it correctly - the slider just won't show. Do you have other advice/solutions? Maybe a different code/a modification to the one suggested in the attached thread?Thanks!