Custom Code

I have a number of side-by-side questions with piped text in the far-left column. The width of that first column excessively wide because of the length of the hidden piped text code. This prevents the other two columns from properly appearing on mobile devices:QSupport staff suggested there might be a custom code out there, which solves this—i.e., which gives freedom to users to pull that first column with the piped text in as close as they need to. Can anyone please help with this?

I am trying to use a side by side question to get two sliders next to each otherFor my survey, I need to have two sliders side by side for many questions (inside a Loop&Merge), and this seems doable but "fairly complex," based on the answer I found herehttps://www.qualtrics.com/community/discussion/5557/how-to-create-a-side-by-side-slidersIf anyone has an example of how to do this, customizing a similar code sounds more doable than figuring this out from scratch, given my limited JS and CSS coding skills. Otherwise, any link about:hide the text input from a question,add my own slider in the page, orcapture the slider value in the hidden input fieldwould be very helpful! Thanks in advance if anyone has any resource!

Hi,I need some urgent help with this to run my survey by a deadline for my PhD. I have looked up many similar questions on this community but am facing some roadblocks:I have a block of 10 questions (separated into 10 pages) which I want my respondents to answer in 4 minutes. I want to show them the countdown timer and I want them to autoadvance to the next block if time is up, even if they haven't finished answering. I also want to show them a "Time is Up!" message. I am new to JS, so help me out!!I have done the following:1) I added the variable "timeRemaining" = 240 as embedded data in the survey flow in the block preceding the block of questions I want to time2) I added the below JavaScript to the first question of the block. This works great in kicking people out of this block in 240 seconds but the timer is not displayed on each page in the block. How do I display the timer? Also, how can I add a "Tme's up" message to this?*********************Qualtrics.SurveyEngine.addOnload(fun

Hi Qualtrics Community,Currently, I'm using JavaScript with display logic to automatically advance blocks after 10 seconds spent on a Loop & Merge question. I'm using the following code: Qualtrics.SurveyEngine.addOnReady(function(){ /*Place your JavaScript here to run when the page is fully displayed*/ var start = parseInt('${e://Field/start_time0}'); var end = parseInt('${e://Field/Q_TotalDuration}'); var elapsed0 = end - start; Qualtrics.SurveyEngine.setEmbeddedData('elapsed0', elapsed0); if(elapsed0 > 10) Qualtrics.SurveyEngine.setEmbeddedData('timeout0', 1); });What I'd like to accomplish: I need to set an embedded data variable that counts the TOTAL number of loops completed during the 10 seconds. I have way, WAY more rows in the Loop & Merge matrix than participants can complete in 10 seconds. Most people will finish 3-5 loops in the 10 seconds. I need to know (in an embedded data field) how many they did complete (so that, in the next block, I can say "You completed ${e://Field/

I'm building a survey that has three separate question blocks and logic to display one, two, or all three of them, depending on embedded data passed in at the beginning. If multiple blocks appear for a respondent, they are always in the same order. I'm looking for a way to do something like: IF: this is the last block in the survey that the respondent will see, change the submit button to "Submit". ELSE: keep it as an arrow.Any suggestions for how to pull this off? I found a couple of questions about conditional buttons based on question choice, but that seemed too far off the mark. Thank you!

Hi All,Is it possible to show image like Front page of book click on image to see next page of book, cick again to see end page.TomG I think you mentioned this in some post, can you suggest if possible and how.

Hi, I searched earlier and thought I saw something but now I can't find it. I am looking for a CSS example of bumping the font up for a few questions and the answer choices (not the whole survey) The majority of survey is administered by an interviewer but a few questions we hand over to respondent and need to increase font size. I know I need the QID but what elseThanks!

I'm using the text entry Matrix Table.I've used 'Add default choices' to pipe in answers from a previous question into the first row of the table, but I would like to make those answers read only.

We're trying to create an online order form for our Pharmacy and Convenience Store at our univeristy so students can order items in advance and pickup while our campus is mostly remote and our store is not open for shopping/browsing in during COVID. Since there is so many products to feature, we want to categorize them by function, and have each section expand and collapse to create ultimate user friendliness. Here is an example of another university's page that is doing this to view as an example: https://campushealth.unc.edu/order-over-counter-items-campus-health-pharmacyI'm under the understanding that custom java is the only way to accomplish this, but i am not a programmer and don't know much about creating code. Is anyone able to help us accomplish this?

Is there Javascript to limit an answer choice to a single word in an open-end text field?

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

Hi all!I'm not proficient at HTML/CSS/JavaScript, but have utilised the three of them in order to produce a modal pop out window in the question text . There is a little info "i" icon I have added in, which when clicked, will cause the modal window to appear with some extra notes to answer the question.The code I have works in jsfiddle.net, but when added to Qualtrics, it will not create the modal window. See here for my jsfiddle code (https://jsfiddle.net/luke_pascoe/28c4vzah/32/). The code is below. Apologies for the long list, but I would greatly appreciate any assistance with what went wrong.I have added this to my survey:JavaScript:$('.launch-scroll').on('click', function(e) { $('#modal-scroll').modal({  show: true });});CSS:.modal {  overflow: hidden;}.modal .modal-body {  height: 500px;  overflow: auto;}.modal-button { border: none; padding: 0; background: none;}/* LUKE CSS Table Fixed Width */body { padding: 14px; text-align: left; font-family: Century Gothic;}table { width: 10

hello I will appreciate your supportI have a text box where a number is entered, and it should calculate a sample size, which should be saved in an embedded data and displayed at the end of four of the same question.My problem is that my code is activated only if after adding the number I must click on another question and then the script question.code:Qualtrics.SurveyEngine.addOnload(function(){ var tamuestra;var inputs = $(this.getQuestionContainer()).select('input[type="text"]'); var input = inputs[0]; $(input).insert({before: ' '}); $(input).insert({after: ' '});this.questionclick = function(event,element)  {     console.log(event, element); var choiceNum = this.getChoiceValue(1); if (choiceNum != '') { tamuestra = Math.round((0.9604*choiceNum)/((0.0025*(choiceNum-1))+0.9604));   if (choiceNum < 50) { tamuestra = choiceNum; } $(input).insert({after: 'Tamaño de muesta: '+tamuestra}); Qualtrics.SurveyEngine.setEmbeddedData("ExternalDataReference", tamuestra);//lo guard

Hi, Thanks to code in another post from Tom G, the following script allowed us to move the Language Selector Box down below the Next button. Here is a sequence to the problem: 1) Welcome page loads, Language Selector Box (LSB) displays below Next button. (good!) 2) Click Next to go to next page, LSB flashes below Next box for split second then disappears. (bad) 3) Press Back to go back to Welcome page, LSB flashes below Next box for split second then disappears. (bad) 4) Now clicking Next or Back (any page change), LSB flashes below Next box for split second then disappears. (bad) My question is, how can I stop this "ghosting" effect? Any ideas welcome. Here is the script we are using: &lt;script&gt;Qualtrics.SurveyEngine.addOnload(function() { jQuery("#Buttons").after(jQuery(".LanguageSelectorContainer"));});&lt;/script&gt; Thanks, Derek

I'd like to make the questions div take up the full width of the parent div. Looking around in the source elements, it looks like what I want is to get SkinContent to 100% of the width of SkinInner, but none of the obvious custom CSS seems to work (e.g., #SkinContent{width100%}). I appreciate any tips folks have.

Currently the language box is awkwardly on the right in between the title and description. I need it to be at the top so that it is between the Progress Bar and the Logo of the survey.

I need to capture the response of text entry questions (and one single choice question) to manipulate them and then store them as embedded data. I know how to identify questions IDs and how to create embedded data fields with JS, but I don't know how to get the answers after participants submit them. Any help is appreciated.

Hi all, I want to randomly present 20 pictures, which are randomly paired with 20 sentences. The order for both pictures and sentences are expected to be randomized. However, if I use loop and merge, the pairing between pictures and sentences will be fixed; if I use embedded data function, The pictures and photos will appear randomly in each iritation so that the same picture/ photo will show up multiple times. Is there any way I can achieve this? Or any hint on using Javascript to achieve this?Thank you so much in advance!!!

Hi there, first time asking a question here as I've been looking around for an answer to this question and it looks like this is going to be a complex question that may require me to go to support.What we are creating is a survey that is essentially a form to input data about basic personal investments. In order to accommodate a bulk entry from a single entity, we decided to go with a matrix table that has text entries in an 6x5 matrix. Now some of the rows will be Investment name which is text, year of first investment (number formatted to 4 digits), and then a dollar amount. Each column is an entry into this survey.I'm able to format the year properly using javascript and I've found some code to add a dollar symbol to a column along with formatting a column using either cleave or wNumb to format the input for a column, however I'm unable to find to modify a row. For example this one for adding a $ sign to column "c4" and % to column "c5"    function hasClass(element, cls) {        re

please check here : https://www.surveys.online/jfe/form/SV_6QCBx48f9l67sSpI need to make look like this survey. Clickable single question. please checkout and if you know please give me the javascript or custom css that make like this. Please Client need

Hello everybodyI'm currently creating a survey. In the attachment you can see a picture how the survey looks like. I like the mobile version (right) very much. The browser version (left) I don't like that much because the table is big and users might forget about the headers (and repating headers looks ugly).Currently I'm using a matrix table with likert matrix type and single answer (and force response). Is there a possibility to get the same for the browser as for the mobile version? I tried the Dropdown List but that is not exactly the same.

Hello, I'm trying to utilize javascript in a side by side question in my survey but unsure if the custom code is possible. For example, I have 2 columns and In column 1 if the user selects "No" I would like to have "N/A" Populated column 2 if the user selects no in the previous column.

I am looking for a possibility to just show one question and the next page button at the top of a survey and below an iframe of an external website.When the participant clicks on the next page button the current URL of the embedded iframe website and the duration for that survey page should be saved.I have found a tutorial for embedding another website/tool within a Qualtrics survey but with another purpose: https://kywch.github.io/jsPsych-in-Qualtrics/hello-world/Is it possible to achieve my described scenario and if yes, how?Thanks in advance.

I've got a survey where I'm using loop & merge to loop through a few hundred images with links (participants see a random subset).I am using javascript to record whether they click on the link provided, and it records an embedded data field with a 0 or a 1, like this: Qualtrics.SurveyEngine.addOnload(function() {  $('link').on('click', function(name, event) {    Qualtrics.SurveyEngine.setEmbeddedData("clicked${lm://CurrentLoopNumber}", '1')I know that I need to have an embedded data field created in my survey flow, so I can create a few hundred embedded data fields.The problem is that I want to name the embedded data fields with the information from the loop & merge fields (this would contain the image ID, for example).I don't really want to have to create several hundred embedded data fields by hand, one with each image id.Is there an easy way to simply pipe in the Field/1 values from loop & merge?

Hi,I want to set my questions to auto advance upon a response (single answer radio button, bipolar scale). I have only one question at the end of each block, so it would need to advance to the next block. I have tried various codes provided by others such as below, but it doesn't work. I have tried it in preview mode and in published mode. I would also like to hide the Next button.Thanks for your help.Qualtrics.SurveyEngine.addOnReady(function(){ var that = this; var answers = $$(".SingleAnswer"); for(var x = 0; x