Announcements
Events
Groups
Ideas

XM Community
Developer Corner
Custom Code

Custom Code

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

7,286 Topics
22,891 Replies

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

7286 Topics

Recently active

Most replies Most views Newest first

jgibbons.cnu

asked in Custom Code

Can responses to questions in one survey be put as questions in another survey?

Hi there.I am trying to figure out how to connect two surveys on Qualtrics. I want to be able to take responses from open-ended questions in one survey and translate them as questions with multiple choice option answers in another survey. For more context, I am asking for an ‘Event Title’ in the 1st survey and have directions in the second survey to respond ‘yes’ or ‘no’ if the participant remembers the event title. The event title would be placed as the question with ‘yes’ and ‘no’ as the multiple choice options. I want to be able to do this automatically because if I cannot, I would have to individually edit each survey to add the titles into the questions. Does anyone know if this is even possible? Thanks!

Removing question text

I'd like to hide the question text for a question in my survey. Is there code that will allow me to do this? I've read this thread: https://community.qualtrics.com/XMcommunity/discussion/2256/hiding-question-text, but when I add the code to rich content editor HTML view, the question still appears when I preview the study. This problem was brought up in the above thread but never answered. Thanks

Survey Does not appear when transitioning from another page to page with embedded survey.

Survey does not appear when transitioning from another page to a page with an embedded survey. Additionally, I've set up a logic in the intercept: if another intercept is shown to the contact from the directory within 90 days, then the intercept will not be visible to that person.

Slider without anchoring. Handle appearing on click

Hi there! I want to implement a slider without showing the handle until the handle bar is clicked on to prevent any anchoring. Based on several posts this seems to work just fine. However, I do get it to work. Any ideas why? Thanks a lot!

Changing Color in Graphic Slider

Hi all, I have a question with a graphic slider question using horizontal bars Is there a way to change the color from red to something else? Using JS i'm assuming? Thanks!

DateTime that allows for multiple of both

Hi! I am in the progress of creating a form that will allow people to put in a request to reserve rooms. I am looking for a way to allow the users to select multiple dates with a start and end time for each. I have used flatpickr but cannot figure out how to allow for more than one time for one date. Looking into the documentation it doesn’t appear possible. The form is based on an older form on an internal website that is no longer being supported. Attached is a photo of the date/time selection portion. If anyone has any insight on the autoselect section it would be appreciated! But right now the multiple dates with two times is priority.

503

5 months ago

Apostolos99QPN Level 1 ●

asked in Custom Code

Webservice GET API call data pipe text

Hi everyone, We are using a Web service task, GET API call to receive customers’ data. The structure of the data we receive looks like: I would like to use the some of the data for each contact above using piped-text and then probably an XM Directory task to add the contacts and distribute a survey to them. How can I refer to the data above?Thanks,Apostolos

180

5 months ago

RachelTHREELevel 2 ●●

asked in Custom Code

Turning a slider into bipolar

Hey All! Anyone aware of if you can/how to make a slider scale into a bipolar when you have multiple row items, but without creating separate questions for each? Thanks!

119618

5 months ago

ManfredBMLevel 5 ●●●●●

asked in Custom Code

Auto-close mobile feedback screen

Hi,is there a way to automatically close the window/screen of a mobile feedback intercept after the completion of the questionnaire? I’ve tried to use a timer on the end-of-survey message, but this doesn’t work for mobile intercepts. Basically, I would like to trigger a tap on the “x” that’s displayed on the top-left of the mobile screen. Thanks,Manfred

242

5 months ago

RVargas72Level 1 ●

asked in Custom Code

Piping the Highest value choice of a Constant sum question, when the highest value option is an Open ended question

Hi Everyone!!I have a constant sum question (q9) asking people to input the % of the savings they have in each account or bank they use. This question has 2 Other options (for banks not displayed in the pre-coded list ), with "allow text entry" so they can put the name of their bank if it's not listed / pre-coded. In the next question (q9b) I’m asking the reason why they choose to put the highest proportion of their savings in the bank this input the highest proportion. Quatrics allows to pipe the highest value option of Q9 in the next question (Q9b) but as explained I have an “Other” option with “allow text entry”. If OTHER with allow text entry is selected as the highest value I would like the entered text in Other to show as piped text, instead of “Other”. Any JS or suggestions to do this? Thanks!

What's wrong with my JavaScript and embedded (external) data?

My Javascript seems to work, but doesn’t return any value other than 0. Here’s the details:In my survey I want to show respondents the future cost of their child’s college based on an official estimate. To do that, I ask two questions:1) What college type you hope your eldest child will attend - here they can select 1 of 3 options2) In how many years will your child start college - this is a text entry that only allows numeric valuesI created an embedded data at the very top of the survey flow, called “CollegeCost” and set value to 0. I have a csv file saved on an external drive with no access restrictions. In question 2 above I added the following JavaScript. I made sure the names of the csv columns are correct as well as the case-sensitive wording of the answer options. In the next survey page I then include the following piped text: ${e://Field/CollegeCost}. This value is always 0 no matter the values I put in the two questions. What am I doing wrong?___________________________Qualt

361

5 months ago

bhaemilyLevel 2 ●●

asked in Custom Code

How to ensure that people in different time zone see the same date via Javascript?

Hi team, I have a survey which sets calendar date with Javascript. Below is the code I wrote:Qualtrics.SurveyEngine.addOnload(function(){jQuery("#"+this.questionId+" .InputText").flatpickr({ altInput: true, altFormat: "Y-m-d-D", dateFormat: "Y-m-d-D", minDate:new Date().fp_incr(2), maxDate: new Date().fp_incr(8), locale: { firstDayOfWeek: 1, // start week on Monday },

Change Slider orientation from RTL to LTR

Hello. In my language we write RTL. Changing the survey to Right-to-Left orientation makes it so the slider mirrors and the zero is on the right and the hundred is on the right. My boss would like it to be reversed. Is there a way to reverse it so the zero is on the left while keeping the document RTL?thanks in advance to anyone who helpsI tried to do it with JS the way ChatGPT recommends but it didn’t work

JavaScript applying to multiple questions in a block instead of just the target question

Hello, I am building a simple survey to collect questions for an FAQ. I have two questions - Q1. Submit questions from a team member’s perspective and Q2. Submit questions related to a manager's perspective.I am using the form field type so responders can input multiple questions and have each question in a separate field.Utilizing the JavaScript below, copied to both questions, I am able to add a button that allows a responder to add additional fields to submit additional questions. However, I’d like the code to function independently for each question. Right now, during preview, if I click ‘add field’ under question 1 it also adds a field under question 2 and the ‘add field’ under question 2 doesn’t work. It works perfect if I do a page break, but I’d like the questions to be on the same page. Any help would be wonderful! Qualtrics.SurveyEngine.addOnload(function(){/*Place your JavaScript here to run when the page loads*/jQuery("#"+this.questionId+" td:not(.ControlContainer)").hide()

Supplier/Vendor Engagement Tool use - single survey with multiple responders

Hi XM Community,I work in supply chain management and wish to utilize Qualtrics to make meeting with service/item suppliers more productive & efficient - ‘call it a pre-meet survey’ so we are both better prepared to engage with each other (and likely save follow up meetings).step 1 - (internal facing) procurement answer first portion of survey [Part 1 of survey]step 2 - (external facing) send link to supplier/vendor 14 days prior meeting which draws from piped data inputted in step 1 to influence survey [Part 2 of survey]step 3 - face to face meeting - using info learned in step 2step 4 - (internal facing) back to procurement officer to answer [Part 3 of survey] follow up questions on meeting, debrief and follow up steps.I get that this is not what qualtrics is designed for but being such a powerful tool it would be great to customise to a point for this project (I am sure other could use this for similar pre-meet applications in their relevant industries), it no doubt will help my

How do I change the star outline in the slider/star question type?

Hello! Is there a way to change the colour of the star outline in the slider/star question? I am using a photo background and I find that the stars don't show enough. I would like to change the light grey outline to a darker grey, but I don't know if it's possible or how to... ! Many thanks in advance!

Validation of number using check digit

Hi all,I’m stuck creating custom validation for a number entered in a form question.Subjects need to enter a “valid” ID we give them manually in the beginning in order to start the survey.The ID is 6 digits, the last one being a control digit we created. Meaning that it has the following logicsuppose the 5 first digits are 98739, we multiply each digit by either 2 or 1 (alternating), and then sum it up : 9x2 +8x1 +7x2 + 3x1 +9x2 = 18 + 8 + 14 + 3 + 18 = 61so we added a 6th digits that is equal to 61 mod 10, that is 1. Meaning that 987391 is a valid ID, but 987394 isn’t. So far, I’ve been able to check that subject entered 6 digits using Regex /^[0-9]{6}$/giI assume I need to add custom JavaScript to actually check the 6th digit, but I unfortunately have little to no understanding of how to do that. Would appreciate any help I can get.Thank you all!RP

Embedded data is incomplete when download/reported

When there is embedded data that looks like[{x:1,y:2},{x:3,y:4}]it is reported/downloaded as [{"x":1,"y":2}]Is there any way around this (aside storing the embedded data in a different format). Or, since I imagine this is from some processing of the embedded data or the conversion to strings, is there any way to turn the processing/conversion off?Here is a simply way to reproduce this behavior: Create two text/graphics questions (and an embedded data field named "test")in the first question, put the following javascript code:Qualtrics.SurveyEngine.addOnload(function(){ /*Place your JavaScript here to run when the page loads*/});Qualtrics.SurveyEngine.addOnReady(function(){ /*Place your JavaScript here to run when the page is fully displayed*/let var1 = {x:1,y:2}; let var2 = {x:3,y:4}; let embed = [var1, var2]; Qualtrics.SurveyEngine.setEmbeddedData("test",embed);});Qualtrics.SurveyEngine.addOnUnload(function(){ /*Place your JavaScript here to run when the page is unloaded*/});In the se

Drag and Drop Javascript - Make the Items distinct

I am trying to add borders to my drag and drop items in order to make them distinct. Does anyone have any suggestions? I need to pipe the items later so I don’t want to add borders to each item in the rich content editor.

341

5 months ago

CindyJLevel 2 ●●

asked in Custom Code

XML HTTP Request Status 0

In Javascript, I tried to use XMLHTTPRequest to access a public github repository file (and convert the string in the file into some js object that I can use later), which works perfectly okay on my terminal using Node; however, it keeps returning a status of 0 (in instead of 200) when I implemented it in Qualtrics. My guess is because it’s a cross-domain operation. And I found an instruction page on Qualtrics support that walks you through using SFTP. Does anyone have experience with this or some advice as into what to do in this scenario?

How to hide radio button element in matrix question

Hello! I am struggling with hiding radio button element in Qualtrics. I have a transposed matrix question, and I am trying to hide some specific radio buttons. I was trying to use below codes: <code>$('QR~QID392~5~14').hide(); </code> <code>$('QR~QID392~5~14').style.visibility = 'hidden';</code> However none of them is working. Would be grateful for any advice!

34810

5 months ago

Sampreeti SLevel 1 ●

asked in Custom Code

Qualtrics deleted some parts of my code

While trying add a HTML code in end of survey message, i noticed span class line was automatically deleted after saving the message or even after previewing the message.The code i add:after saving or previewing :the span class is deleted automatically! Can somebody please help me understand why this is happening?

140

5 months ago

AmeliaKMLevel 2 ●●

asked in Custom Code

Checking display logic AND hiding answers with Javascript?

A bit of an odd setup, but I need to both hide all the multiple choice answers to a question, AND check which answers are visible according to display logic. My current Javascript is below, and works fine. The issue is that I have to hide all the answers (this.getChoiceContainer.hide()) in the addOnReady function after having checked that an option isn’t hidden due to display logic (otherwise, all options will count as not being visible since the whole container is hidden). This causes the answers to briefly flash on the screen before being hidden again. If I put this.getChoiceContainer.hide() in the addOnload function, I don’t get the answer flash, but then all of the answers count as hidden and the script can’t tell which are hidden due to display logic (which correlates to Quotas being filled, and is important for me to check) vs. just hidden because the container is hidden. Any suggestions to either avoid the flash from the addOnReady function, or to circumvent this issue entirely?

In-text HTML code breaks once in a while and turns into normal text

I have some HTML code in the text of a slider question (not in the label but in the description above) and it looks like this: <td>This applicant scored <span style="font-weight: bold;" id="_int_label"></span>.</td>I use JavaScript to insert a certain word based on some conditions but sometimes it'll break and turn into my HTML code into this: <td>This applicant scored .</td>This is the second time I’m fixing this and it’s making me a little nervous that I do not know the cause of this. Anyone one know what causes this?

Cannot get logo centered

I have a logo set to centered in the Look and Feel section, but the logo isn’t aligned with my header and appears off center (to the right) on my other pages, too. How can I fix this issue? Screen shots are below.

412

5 months ago

Page 14 / 292

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.