Hi all, I'd like to display question separator in the whole survey. In the old Look & feel editor, it was easy. Unfortunately, I can't find the way while using the new one. Therefore I tried some CSS code. I ended up with the one below, however, it doesn't work at all: .Separator{ border-style: solid!important; border-width: 5px!important; border-color:green!important; height: 5px!important; color:green!important; background-color:green!important; display:block!important;} I've also tried the code by @Shashi from this discussion, but nothing happened. The question separator is there and its HTML looks like this: <div id="QID10Separator" class="Separator" data-runtime-show="runtime.SeparatorDisplayed"></div> I use the classic layout and rthe compact spacing. Thanks for any ideas!
Does anyone know of a way to disable a survey's header image on the opening page of a survey? My searches so far have come up empty. I'd like to be able to use a particular graphic which incorporates the relevant logo into its design on the introduction / landing page, and then have the logo alone be displayed on subsequent pages throughout the survey, but I'm not sure of the best way to achieve this effect.
Hello, I want to ask respondents to choose their colleagues (2 ~ 5 names) from the employee list (200+). After I learned from many other forum posts and answers, now I found what helps me would be "select2". I found some code examples and tried to put them in (Qualtrics.SurveyEngine.addOnReady) part of this page, but didn't work. ! Also, I found some super users suggest to put some example codes to "header", but couldn't find where I should put them... I'm so afraid of asking such newbie questions... but It would be a great help if anyone could guide me to my next step. 1. What code should I put the question? 2. What does it mean to put some code on "header"? 3. How can I upload the whole employee list (200+ is too many to directly put in the line)?
I want to use javascript to set a value for an embedded data variable based upon a selected choice. I'm not familiar with JS, so here is my poor adaptation from the JSI example from Qualtrics (with most of it commented out). I'm basically using this variable to change the descriptive text. The variable "ModeScript" has a default value established int he beginning of the survey flow. Since I need it to change within a block, I'm trying to use Javascript to change it if someone selects the recodedvalue choice three. Qualtrics.SurveyEngine.addOnload(function() { //create Qualtrics.SurveyEngine.QuestionData object Qualtrics.SurveyEngine.addOnload(function () { //disables the next button on the page //this.disableNextButton(); //question click is a simple onclick handler //attached to the question's container div this.questionclick = function(event,element) { //by default you get the click event as the first parameter and the clicked element as the second p
I have a drill-down question, the third tier of which is populated with choices that all follow the same format: "(9-digit ID) - (person's name)". I can base piped text off of this subquestion just fine, but I am looking to have a modified piped text to put into an embedded data field that only captures the first 9 characters of the string for any of the possible choices (i.e. I only want the ID to be piped into the embedded data field from the selected choice). Is there a way to mimic a LEFT(string, 9) function from excel in the survey flow to get that substring extracted correctly?
Hello-Rather than using display logic, I'd like to show a specific message when any response is given on a multiple choice question.
I have a task where participants are asked to move two chairs and the computer records the location of the chairs. I want to be sure that participants move the chairs before being able to click on the next button. One way I was thinking to do this is to disable the next button until the condition of moving the chair is met. The computer records the movement of the chairs with pixels using embedded data. If participants do not move the chairs the values for the embedded data fields "you x" and "you y" are left blank. Is there a way to write java code so that the next button will appear only if the chair is moved (if embedded data field is not blank)? I am not a programmer so am not sure what to do. Here is a link to my task: https://qaz1.az1.qualtrics.com/jfe/form/SV_9Griq4aYcfbUBWl Here is the embedded data code: ![](https://uploads-us-west-2.insided.com/qualtrics-us/attachment/ao_ap33yscn6m6g.jpg "" Here is the code for the java script I currently have for this question: Qualtr
I'm currently using the second date picker from the default qualtrics library. This is the one which actually displays a calendar as opposed to the others that have drop downs. I'd like to be able to validate that the date that is actually chosen is not more than 30 days before the current date. I believe the other default date pickers allow you to set a range of dates but I would like to use this calendar since it is displayed and I would like for it to be agnostic to when the survey is actually taken so no range is hardcoded. Is there some code I can inject somewhere to do this? I am quite inexperienced with Javascript. Thanks in advance!
Hi All: I am essentially looking to pipe in the appropriate tense in a question based on the respondents response to a previous question. A sample Jscript code from another survey app: Question: Are you currently employed? Yes (1) No (2) How long ^f('q1').get() == '1' ? 'have you been with your current employer' : 'were you with your last employer'^? If the respondent answered yes, then the present tense would apply, otherwise, it would be the past tense. I need a similar code for Qualtrics. Thank you.
To meet ethical approval, I need to insert a functional button into each page of my survey. The button will say "Withdraw from survey" and appear at the bottom of each page in the centre (between the next/previous). Clicking the button should direct the participant to the post survey debrief information page. Is this possible? I am trying to refrain from entering a multiple choice question with a continue/withdraw option because of the visual appearance of this and feel that it would make participation feel more tedious given the length of the survey.
Dear Community, I have an online survey project where I want participants to watch a video randomly selected from a pool of 30 videos (let's say hosted on YouTube) and answer a set of questions. I want participants to do this 3 times. So, participants watch 1 video randomly selected from a pool of 30 videos and then answer questions. Next - they watch another video randomly selected from the remaining 29 videos they did not watch in the 1st part of the survey and answer questions. Next - they watch yet another video randomly selected from the remaining 28 videos they did not watch in the 1st and 2nd parts of the survey and answer questions. I have been trying to work with Survey Flow and embedded data etc., but have not been able to figure out exactly how to do it. If anyone could kindly solve this issue, I would very much appreciate it!
Hi, Currently working on a survey in which I'm using the slider question and I want the slider to start at 1 and go to 100 with the grid line values being at 10, 20, 30,...,90, 100. At present, I have the settings as follows: Min value: 1 Max value: 100 Grid lines: 10 and the question looks like this ! Is there anything I can do (js code? question settings?) to change the grid line values to match what I need them to be at (10, 20, 30, .... ,90, 100)?
I've been using the following code from a gist to allow the use of the 'enter' key to advance to the next question in addition to the next button: ``` Qualtrics.SurveyEngine.addOnload(function() { /*Place your JavaScript here to run when the page loads*/ /*Advance on enter - modified from the following gist: */ /*https://gist.github.com/mattbloomfield/de3a20a5180c274f79e7dfcaeb35ea66*/ var qid = this.questionId; document.onkeydown = function(event) { console.log('keydown',event); if (event.which == 13) { event.preventDefault(); jQuery('#NextButton').click(); } } }); ``` I want to delay the page advance for 3 seconds, which I'm currently doing through a timing question and enabling submit after 3 seconds. However, I've noticed while testing that hitting the enter key can jump ahead before the 3 seconds are finished (when the next button is displayed). Does anyone know what the right way to incorporate this delay into the Javascript?
Because the slider is displayed quite big in the slider questions, my choices (which are full sentences) appear in 3+ rows. Can I change the scale of the slider / the length of my type field for choices?
Hi all, I am new to qualtrics and I am hoping someone can help me out with a problem: I have 20 questions I want to ask in total. 10 of them are framed 'positively' and 10 are framed 'negatively'. What I want to do is randomize the question order, but also alternate between a positively and negatively framed question (ie; +,-,+,-..). Can this be done? Thanks in advance!
Hello everyone! I am trying to change how the scale buttons look in multiple choice questions. I am aware that I can change the theme in order to do that. However, my problem is that I want to change the style for a single question only. My current theme has the following style: ! It is great for the most part of my survey. However, for a single question, I want to have them as following: ! I was hoping to find javascript for that. I appreciate your time and help! Best, Ezgi
I have a text entry field where respondents must enter a minimum of 100 words (not characters). I'm using the following JavaScript (in add.OnReady) to count and display the number of words entered in the text box. I want to set up a validation that checks to see if the the user has written at least 100 words, effectively preventing them from moving to the next block until they meet the minimum. var display = $('ACT1_wordCountDisplay'); var questionID = this.questionId; var textbox =$('QR~' + questionID); var that = this; function countWords(s){ s = s.replace(/\\n/g,' '); // newlines to space s = s.replace(/(^\\s*)|(\\s*$)/gi,''); // remove spaces from start + end s = s.replace(/[ ]{2,}/gi,' '); // 2 or more spaces to 1 if(s == ''){ return 0; }else{ return s.split(' ').length; } } textbox.onkeyup = function(e){ display.update(countWords(textbox.value));
Hi all, I'd like to include the Facebook like button to a survey with multiple language versions. I want the text of the button to be always in the same language as the rest of the survey. Therefore I detected the language and place it to the URL of the source script (`<script async defer crossorigin="anonymous" src="https://connect.facebook.net/'+ lang + '/sdk.js#xfbml=1&version=v3.0"></script>`). It works, but only in case, the language is selected on some of the previous pages. When I change the language nothing happens, even though it seems that the button is drawn again (it disappears for a short moment and appears again) and I'm able to `alert` the correct language. I've tried to dynamically modify the size of the button and this works. Therefore I suppose that the problem is that there is already loaded another script with another language. Unfortunately, I have no idea what to do with this. I have read that if I removed the script, the codes would stay in the brows
Hallo, I have a file with scripts stored in the files library. It is used in many surveys created by different people. I've written a new version of one of its functions and therefore I need to replace the current file with a new one. So far I have been doing this by clicking "Edit" and "Choose another file from your computer". Unfortunately, this time it doesn't work. I found out that the problem is in this line of my script: `jQuery('#scriptDiv').html('<script async defer crossorigin="anonymous" src="https://connect.facebook.net/'+ lang + '/sdk.js#xfbml=1&version=v3.0"></script>'); ` When I remove it, everything works fine. I'm also able to upload my script with this line as a new file. However, this doesn't solve my problem since I need to use the original URL which is already used by many surveys. Would anyone have an idea what to do with this?
I am creating a survey that is based on multiple choice questions. The first block in the survey contains the questions and based on what the user selects (user can select only one option), a succeeding block will contain specific statements from the Unselected Choices, e.g. if the user selects options a from q1, the succeeding block can contain option c from q1 and similarly for all other questions. Currently I am using Display Logic but since there are 16 questions and each have 6 options, Display Logic will not be feasible. Since I am a beginner at JS, I was wondering if this logic could be implemented with JS and how?
Hello, I'd like to have my repeating background image everywhere outside but not directly above the `.SkinInner`. I don't care much whether the background image will be also bellow the `.SkinInner` or whether the `.SkinInner` will always end at the very bottom of the page. Unfortunately, I have following troubles with this. When I put this image into the CSS of `#SurveyEngineBody`, it is also above the `.SkinInner`. #SurveyEngineBody {background-color: #f0f0f0; background-image:url("my_URL"); background-repeat: repeat; background-size: 200px 200px; min-height: 90%;} ! But when I put the image to the CSS of `.SkinInner`, it is cut in the bottom: #SurveyEngineBody {background-color: #f0f0f0;} .SkinInner {background-color: #f0f0f0; background-image:url("my_URL"); background-repeat: repeat; background-size: 200px 200px;} ! Therefore I removed both footers. It looks OK, but only when the `.SkinInn
I have created an embedded data field in the directory and would like to populate that in a survey text field so that the respondent can review. Is there a way to achieve this?
I find the previous and next buttons moving up and down according to content length visually annoying, is it possible to fix them somewhere on the page so they are always at the same place?
The Look & Feel "Question Text" and "Answer Text" settings only get you so far. I am trying to customize the font size of answer stems in all matrix tables in a survey. The following gives me what I want for the column headers (Likert scale labels) and Group headings. But the answers are still too small. I tried .Skin .Matrix table tr{ } but it does not affect the answer text. Help? .Skin .Matrix table th{ font-size: 16px; } .Skin .Matrix table tbody th{ font-size: 16px; }
Is there a way to force a validation such that participants' typed names must include a capital letters for the first and last names in a text entry question? Thanks.
Already have an account? Login
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.
