Announcements
Events
Groups
Ideas

XM Community
Developer Corner
Custom Code

Custom Code

Discuss custom code (HTML, CSS, JavaScript, etc.) solutions, best practices, & more.

7,318 Topics
23,026 Replies

When you subscribe we will email you when there is a new topic in this category

7318 Topics

Timepicker / PickaTime Javascript code question

I have a stock javascript code snippet from https://amsul.ca/pickadate.js/time/ I want this to be a simple drop-down where the client can select a time- 1:00, 1:15, 1:30, etc. The form appears on the site as a text box only, can you help me pinpoint what I need to do to get this working? Qualtrics.SurveyEngine.addOnload(function() { $('.timepicker').pickatime({ // Translations and clear button clear: 'Clear', // Formats format: 'h:i A', formatLabel: undefined, formatSubmit: undefined, hiddenPrefix: undefined, hiddenSuffix: '_submit', // Editable input editable: undefined, // Time intervals interval: 30, // Time limits min: undefined, max: undefined, // Root picker container container: undefined, // Hidden input container containerHidden: undefined, // Close on a user action closeOnSelect: true, closeOnClear: true, // Events onStart: undefined, onRender: undefined, onOpen: undefined, onClose:

Randomise the embedded data to be shown in piped text across different questions

Hi, I'm fairly new to Qualtrics (and have zero (0) knowledge about JavaScript) so here I am because I couldn't find an answer :,)Context:For my survey, respondents have to read 30+ vignettes. After each vignette, respondents have to answer 3 questions (which are the same for all vignettes). So each vignette + 3 standard qns have to be in a block.The presentation of the vignette-blocks will be randomised, but respondents must read & respond to all of them.Problem:Every vignette contains a fictional person's name. I have a list of fictional names to be presented to respondents, and would like the name displayed in each vignette to be randomised. (e.g., Respondent 1 would see 'Tom' for Vig.1 & 'Harry' for Vig.2; respondent 2 would see 'Harry' for Vig.1 & 'Tom' for Vig.2) Each name can only appear once per respondent.From my understanding, use of embedded data and piped text are the most efficient ways to achieve this. However, while I have tried many different methods, so far I cannot fig

146121

1 year ago

pdunlopLevel 1 ●

asked in Custom Code

move position of next/submite button

Hello, we need to put some disclaimer text to either the start of end of a survey, however given the volume of text and the fact that most people will be taking our survey via mobile, the ‘next’ or ‘submit’ buttons won’t be immediately visible on screen so I’m worried about dropouts. Is there a way to move the position of the ‘next’ or ‘submit’ button so it’s either at the top of the question, or at least above the disclaimer text?

2494

1 year ago

juanavLevel 2 ●●

asked in Custom Code

How can I adjust the height of text boxes/rows in side-by-side question?

Hi all, I have a side by side question that looks as follows. It asks the reader to consider the text that is entered into a ‘locked’ text box, and answer two questions with reference to this text. I wanted to amend the height of the text boxes so that they adjust to the length of the text - or at the very least, so that they are taller (i.e., as tall as the rows they occupy). Would this be possible? I imagine that this would involve some sort of javascript, however I am not too good in this respect, so any tips would be greatly appreciated! Thanks in advance! Juan

Add commas to Piped Text from Single Select answer choices

Hello,I’m trying to get piped answers from previous single select questions to show up as follows:“PipedAnswer1, PipedAnswer2, PipedAnswer3,...”Currently how it is set up, this is how it looks like:“PipedAnswer1 PipedAnswer2, PipedAnswer3...” I need to be able to have the commas show up consistently, but only if a piped answer was selected. I currently have it set up as an array in JS like this below:And in the HTML of the question text, I have this entered: <div id=”pipe”>QIDs</div> If I was to select PipedAnswer1, PipedAnswer3, and PipedAnswer5, it would look like this:PipedAnswer, , PipedAnswer3, , PipedAnswer5, , , How do I get rid of the unneeded commas if the answers aren’t selected above? Do I need some kind of loop? Thanks in advance!

Embedded data assignment not working in JavaScript

Hi,I have a survey where I input the start and end date of my class(from the contact list). On the first question of the survey, using JavaScript, I calculate the number of days it has been since the class started and the number of days left till graduation using those dates. I assign these values to the embedded data fields “Days Since Cohort Start” and “Days Till Graduation”. Based on these values, the survey shows/doesn’t show certain questions. The embedded data fields are defined in the survey flow before the question with the Javascript. The assignment of the values to the embedded data fields is not working. The reason I am assuming this is that - I have a console.log function in the javascript and so I am able to see that the script is running and the calculations are happening correctly When I manually set the “Days Till Graduation” the rest of the survey flow & the survey run correctlyAnother confounding factor is that I have the same JavaScript code on another survey an

How do I create a cumulative ceiling based on scores?

I have created a survey that will act as a language assessment and I need to add basal and ceiling. Specifically, out of 60 questions, I need the first ten to always be answered. At the 11th question, I need to move to the next survey block after 6 consecutive wrong answers - there are four answer options for each question. When an answer is correct, the number of wrong answers is reset to zero. For example, if I answer questions 11-15 incorrectly, but get #16 right, the count is reset. Can anyone help me with the logic/javascript on this?

1012

1 year ago

nrootLevel 3 ●●●

asked in Custom Code

Restriction on embedded variable length as of March 11? Output getting truncated...

I have a survey that has been running for months, and for part of it, it is constantly appending data to an embedded variable, which gets quite long sometimes (~100k characters). This has not been a problem until midday on March 11, when suddenly Qualtrics started truncating the embedded variable on subsequent responses (at least a dozen now). To reproduce this, create a survey with two embedded variables (say, test1 and test2), and set their values to long strings programmatically:Qualtrics.SurveyEngine.setEmbeddedVar("test1","t".repeat(50000));Qualtrics.SurveyEngine.setEmbeddedVar("test2","t".repeat(100000));For me, the var "test2" is recorded as 70,000 "t" plus an ellipsis "...".Is this an intended change? Or is this something to do with my account hitting a hidden data storage size limit or something?

98916

1 year ago

Paul_FarrellLevel 2 ●●

asked in Custom Code

Javascript to set custom values torandomise within block

Hi, Not sure if this is possible, but looking to set up randomisation in a block, but with a custom display %. We currently have a block at the front of a survey that contains 2 questions, and 2 pieces of static information (research T&Cs and Privacy notice). The 2 questions are currently being randomised using the native block randomiser to display evenly to each respondent. In reality, we need Q1 to be shown to 80% of respondents, Q2 to 20%. Aware you can set custom values within the native randomiser, but these are based on counts and not %. Ideally looking for an unmonitored solution as this would be utilised across around 20 surveys. Not sure if the above is even possible with blocks, but thought I’d ask! Thanks

Custom CSS not working in any questions, except the first one.

Hi, pretty basic question but it has me stumped.I have custom css for p,h1,h2 etc that all works perfectly in a test environment. It is also working completely fine for the first question of the survey.However, every other question afterwards it reverts back to default and completely ignores the custom css.The only thing I can think of is that this first question is an authenticator? “Branch on successful authentication” and then the rest of the survey is in another block. Could this be affecting it?Theme is set to blank and layout is “classic”.Thanks

Custom CSS not working, except for in the first question.

Creating a dynamic slider using setInterval

Hello, I've been trying to create JavaScript that records the value from a slider question every 2 seconds using the setInterval() function. However, Qualtrics is currently not recording the data, and seems to be having difficulties accessing the slider values. I've checked numerous times, and tried with edited question names, with graphic and normal sliders, all with no success. I've attached a copy of the code below, along with the errors from the web developer at both the user end and builder end. Any guidance would be hugely appreciated; thank you!

Formatting two different instances of piped text into bullet points

Hi all, I am making a survey regarding customer satisfaction. In one question we have asked individuals if they agree or disagree with the following statements - in a 5 point scale. As a follow-up question I want to ask the users to provide a text response as to why they strongly disagree/agree with the statements they selected. Additionally, I want to display in bullet point form the statements they selected under strongly disagree and/or disagree. I used the previous solution from https://gist.github.com/marketinview/94966779c804d74018bf62b31e87eaff to split the piped text into bullet points and merged them with a comma so it reads: You indicated that you do not agree with the following statements.${q://QID7/ChoiceGroup/SelectedChoicesForAnswer/7}, ${q://QID7/ChoiceGroup/SelectedChoicesForAnswer/8}Considering the score you gave, …. share any experiences that can be improved? However if there are no choices selected for either one of the options I am left with a blank bullet point a

Typing Tool Calculator Recode Values JavaScript Embedded Data

I am trying to make a survey that has some odd functions. I have a matrix table with likert formatting. There are statements and they can choose either yes or no as an answer. I’d like that have a conditional formatting where if they click no, then a text box will pop up and they will have to explain why they said no. How do I go about creating that? I assume I’m going to need some code, but I have no idea what I’d be doing with it, so I’d need a bit of guidance in that area.

Help with aligning a static theme

Hey Qualtrics Community! I’m fairly new to the Qualtrics scene, so please forgive me if this is a redundant question. I’m creating a contact update form for our school here, and I used an old static theme which looks great but is misaligned:Is there a way to center align the logos and survey? Or would I need to contact support/learn how to code in CSS to get these aligned? Any tips would be greatly appreciated, thank you!

Shifting / repositioning multiple choice answers

Hi, I want to shift the answers so they line up with the choices:I want to do this for 80 questions that are formatted identically. Can you help me please?

546

1 year ago

klm999Level 1 ●

asked in Custom Code

Trying to change TEXT color of survey buttons

I’ve tried this CSS code but it does not work:.Skin #Buttons #NextButton {color: #abcdef;}How can I change the color of text on next and submit buttons?

Adding withdarw button

I have added java script, to have a withdraw button at the end of each page. The purpose is that if participants want to withdraw from the study, they can click the button. When participants click the buttons, a question with three options should come up. The withdraw button shows up at the bottom of each screen, but it's not clickable and doesn't pop up the question.I have added the following code:Qualtrics.SurveyEngine.addOnload(function() {$(this.question._$separator).hide();$(this.questionId).hide();var that = this;var endBtn = document.getElementById("EndNow");function skip() { that.setChoiceValue(1, true); that.clickNextButton();};endBtn.addEventListener("click", skip);});

Using Regex for a custom validation

Hi, I've an ID that follows a specific format, & I want to enforce that this format is adhered to during input using custom validation. Looks like I might be able to do this using Regex. I'm new to Regex, & haven't been able to get my head around it just yet:The ID is made of 3 parts following this format:Always starts with P0then 2 numbers then 3 numbersAny help/advice would be greatly appreciated!Thanks!

Designing a Q Sort on Qualtrics

Hi guys, I'm looking to design a Q-Sort using Qualtrics - essentially set up like this survey shows (drag and drop exercise - but with limits on the number of items for each box). https://tgibbons.com/qdemos/Qualtrics_Qsort_Demo.mp4 I've been trying to do this using both the Pick, Group and Rank question type and the Matrix table (drag and drop) question type but having no luck (can't work out how to put the limits on responses in each box). Has anyone done anything similar? Or might someone be able to point me in the direction of some code to use? Appreciate any ideas or help! Thanks

1173

1 year ago

harendra.kumarLevel 2 ●●

asked in Custom Code

Numeric Range with Exclusive option

I have a requirement shown in SS attached

393

1 year ago

sarah_hill

posted in Custom Code

Only display certain language options

Hi, I'm conducting a survey in several languages and have set the survey links up so that respondents are sent the survey in the language of their country. However, in Canada I don't know in advance whether respondents are in French or English speaking areas so I need to allow respondents to select the option for French Canadian (the survey link is sent in US English). However, I also have an option for European french in my language options because the survey is also being conducted in France. This option has France-specific wording and question options. I don't want French-Canadian respondents to be able to select European French by accident as their language (this has happened during my soft launch of the survey). Is there a way that I can display ONLY french-canadian and US English as the language options for Canadian respondents?

Randomly select a subset of choice while keeping the order from the main set in Qualtrics

Hi there, I am trying to make a questionnaire where 12 out of 34 choices is to be randomly chosen. However I want the order in which they appear to be the same as their order amid the whole 34. How can I do this?I know I can use advanced randomization then use a Javascript. What script can I use though to keep the original order and not simply alphabetize them?Best, Cid

How to save a JavaScript variable value into a database?

Question: How to save a JavaScript variable value into a database?Problem: I made a mini JavaScript game where the clicks buttons and the game records the user’s responses in a JavaScript list of string-type responses. This works fine. My issue is now being able to store that list as a response into a database that can be used later to analyze. I am going to provide the entire code below. But imo, the important part is somehow storing the var viewList into a dataset? I would assume, there is a POST type of method I can implement in my custom function endGame(), which will store it in a dataset.Code:Qualtrics.SurveyEngine.addOnload(function(){ let randomList = ["jelly", "mints", "starburts"]; let orderedList = ["Apple", "Banana", "Coconut"]; let randomListCopy = [...randomList]; let orderedListCopy = [...orderedList]; let viewedList = []; let value = ""; let gameOn = true; let round = 1; let p = .5 //Math.random(); let q

5795

1 year ago

Page 45 / 293

Motivational Playlist

Terms & Conditions

Sign up

Already have an account? Login

Social Login

Login to the community

Social Login

Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.

Enter your e-mail address

Back to overview

Scanning file for viruses.

Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.

This file cannot be downloaded

Sorry, our virus scanner detected that this file isn't safe to download.

Popular Use Cases

Customer Experience Management (CXM)
NPS Software
Employee Engagement Software
Online Survey Software
Market Research Software
360° Employee Feedback

Customer Survey Software
Website & App Feedback
Voice of Customer Software
Employee Pulse Surveys
Onboarding & New Hire Surveys
Online Reputation Management

Support

Submit a Ticket
Online Help
Qualtrics Community
Professional Services
Product Roadmap
Status

Company

About Us
Investors
X4 Summit
Careers
Partnerships
Contact Us
Newsroom

Resources

Customers
Integrations
Blog
Events
Training & Certification
Resource Library
XM Basecamp

Privacy Statement

Security Statement