Custom Code | XM Community
Skip to main content

Custom Code

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

  • 7,325 Topics
  • 23,058 Replies
7325 Topics
R
ricsdpl
posted in Custom Code
Why is my Matric Table cut half of the page

Hi Community,I'm trying find out why my matrix table is only half of the page.

50
R
2 years ago
A
adpatter
posted in Custom Code
JSON schema for QSF.

Is there a JSON schema published for the QSF?

720
Deepak
QPN Level 8 ●●●●●●●●
2 years ago
P
PaulaH
posted in Custom Code
Using HTML in the post survey response email

HiCan anyone shed any light on how to get Qualtrics to correctly render HTML code? I'm wanting to use it to populate an automated response for the completion of a survey - something to simply say thank you for filling it in and we'll be in touch. I have the HTML code written, but each time it is put in to the system, the resulting email is simply the code - no images/words. From asking for help, so far we have come up with that it doesn't render the code correctly. Can anyone help at all?

3360
MattiasM
Level 5 ●●●●●
2 years ago
M
Mozaic
asked in Custom Code
How to add custom text to slider tooltip?

Hello Everyone,I am trying to create a survey where respondents use a slider to provide their choice.As one moves the handle along the slider the choices are (1,2,3,4,5) are shown respectively on the tooltip. How can I show custom text in the toolTipBox instead of the choice selected. With respect to the above image, how can I show "customized text" in the box instead of one?

5450
R
Level 3 ●●●
2 years ago
N
Nes
posted in Custom Code
A lot of White Space in the Survey

Hello,I'm preparing a survey and the layout is generic to all Qualtrics surveys in that when I view it in full screen, the survey only ever takes up the middle section. It’s just a lot of white space to me. I used some CSS, it reduces the space but then the survey sits left side of the page, nothing changes, still lots of white space.Any help is appreciated!

280
N
2 years ago
R
reoolivarez
posted in Custom Code
Is it possible to call the Qualtrics default error message using Javascript?

I will be using Javascript to create some logic validation and I want to use the default error message of Qualtrics for this. The reason for this is that this is a multi-country project and I don't want to have a custom error message to avoid including all the error message translations in Javascript.

1730
Deepak
QPN Level 8 ●●●●●●●●
2 years ago
A
Anthony
asked in Custom Code
Constant Sum Custom Validation - Must be greater than 0

Hi,I am trying to use a script for custom validation of a constant sum question that throws an error message if the total is zero.The code below represents my attempt, based on other forum responses. However, I can't seem to get it to work correctly. I have gotten it to give an error, but it still gives an error once the values are updated on the screen. I'm not sure how to approach this.Here is my code:Qualtrics.SurveyEngine.addOnload(function(){    /*Place your JavaScript here to run when the page loads*/    var warnings = [];    function hideEl(element) {        if($(element)) $(element).hide();    }       function createNextButton() {        var nextButtonHTML = '';        jQuery('#Buttons').append(nextButtonHTML);    }hideEl.defer('NextButton');createNextButton();});Qualtrics.SurveyEngine.addOnReady(function(){    /*Place your JavaScript here to run when the page is fully displayed*/  jQuery('#CustomNextButton').on('click', function() {    /* This is where you sum the values enter

520
T
2 years ago
S
Susan_Gibson
posted in Custom Code
Custom validation - capital letters only

Hi I am asking participants to fill in a code for identification. I want this to only consist of 2 capital letters. I am currently using this code in the validation: ^[A-Z]{2,2}$ I thought this would only allow capitals but it allows lowercase too. Does anyone have suggestions for changing it please? Many thanks.

740
S
2 years ago
R
ricsdpl
posted in Custom Code
How to move the dropdown to the left side closer to the label

Hello Community.I'm working with Matrix Table Question type however I wanted to move the dropdown to the left side closer to the label how I can do that

300
R
2 years ago
G
gopherdata
posted in Custom Code
Export Survery Stuck at 0% Complete

I'm exporting survey data using the Python code found here https://api.qualtrics.com/ZG9jOjg3NzY3MA-getting-survey-responses-via-the-new-export-ap-is, with a slight modification to allow exports to JSON. Everything was working seamlessly and I had the export running on a set schedule. Today my script got stuck in a infinite loop because the status and completion percentage would never change. I was hoping I could kill the process and restart but it seems like if I run the export again I get the same progressId and the status is always "in progress" and the percentage is always 0. If I change the file type I get a new responseId and the file downloads fine but if I switch back to JSON I get the same ID as before and I get stuck againAny idea what could be going on?

980
bgooldfed
Level 4 ●●●●
2 years ago
J
Jolene
asked in Custom Code
narrow matrix table

I have a matrix table with 6 short sub items and two response options (yes/no). This table is using all of the 700+ pixel width of the template, which means I have lots of white space between the columns in the table. If I adjust the width of the first column (by dragging the divider line) to as wide as makes sense given the content in the first column, there is still a ton of space between my yes and no columns because they are so wide. How can I get the yes/no response option columns closer together? I think this will involve reducing the width of the underlying table. The following code, which I found in my search, reduces the width of the table to 500 px, but the now narrower table is centered and I need it positioned on the left similar to how other questions appear in my survey.jQuery( '.ChoiceStructure' ).each(function () {   this.style.setProperty( 'max-width', '500px', 'important');   });Is there a way to position it on the left by adding to the code above? Or is there a di

2960
Tom_1842
Level 8 ●●●●●●●●
2 years ago
P
Level 2 ●●
pb7Level 2 ●●
asked in Custom Code
Position of Custom Buttom

Hi, I have created a custom button that I want to position at middle center of the page. (I want to leave the Next button where it is bottom-right). I put together the following code from threads on this site, but it does not work. Any help to correct it would be greatly appreciated. function createNextButton() {var nextButtonHTML = '';    jQuery('#Buttons').append(nextButtonHTML);}createNextButton(); jQuery("#return").css({"text-align": "center", "position":"absolute", "margin-top":-890px });

660
Tom_1842
Level 8 ●●●●●●●●
2 years ago
R
robi_kalinisan
posted in Custom Code
Summing total of 100% in a text entry Side by Side Question

Hi everyone,Is it possible to get/limit the value to 100% in text entries in Side by Side Question? See attached picture. On the last column. I want to get and limit the sum of percentages of 4 text entries to 100% on this type of question.

1890
Deepak
QPN Level 8 ●●●●●●●●
2 years ago
T
Theresarsh
posted in Custom Code
Adapt width of outer scale points

Hi all,I have a matrix question with 6 scale points and want to extend the column width of the outer two scale points, so that I can paste in a longer text without too many breaks but the inner scale points should maintain their current width.Thanks for your help!

150
Deepak
QPN Level 8 ●●●●●●●●
2 years ago
hilaryk
Level 1 ●
hilarykLevel 1 ●
posted in Custom Code
Flatpickr values not working on mobile

In my questionnaire, I need to calculate the total hours participants are awake, to the nearest .5 hours. I have implemented this in a way that works on desktop browsers, but is failing on mobile. I have tried on 2 Android phones, and it also fails when using the Qualtrics mobile preview on my desktop. The waking hours value must be calculated and saved to embedded data on submission of the page with these questions, because it is needed immediately in the page that follows.I am using two Flatpickr 24 hour time pickers to collect data on wake and sleep times, and a regular text entry field for the number of hours of nap. Here is my JS code for the Flatpickr questions:Qualtrics.SurveyEngine.addOnload(function(){ jQuery("#"+this.questionId+" .InputText").flatpickr({ enableTime: true,  noCalendar: true, dateFormat: "H:i", defaultDate: "7:00", minuteIncrement: 15, disableMobile: true });});And here is my JS code for calculating the total waking hours (I have also successfully calcul

5150
Deepak
QPN Level 8 ●●●●●●●●
2 years ago
MikeBot
Level 2 ●●
MikeBotLevel 2 ●●
posted in Custom Code
Applying a weighting scheme in a CX dashboard

Hi everyone!This may be a basic question...but I have created a weighting scheme in my dashboard, and it seems that I have to switch weights on in each individual widget?Seems strange - is there a way to apply a weight set to an entire dashboard/ all widgets at once? Thanks, Mike.

910
MikeBot
Level 2 ●●
2 years ago
hilaryk
Level 1 ●
hilarykLevel 1 ●
posted in Custom Code
JavaScript/embedded data calculation sometimes works, sometimes is zero

Hello community,I'm nearly done implementing a research questionnaire in Qualtrics, and I'm at the very final stages where I would like to calculate some totals. I am calculating some of the totals in JavaScript and setting them in embedded data, and others are completely calculated in embedded data using Qualtrics math. For percentages that need to be rounded, I calculate the unrounded percentage in JavaScript and then use Qualtrics rounding in embedded data to finalize them (rounding in JavaScript was not reliably giving me the results I wanted).All of my totals seem to be calculating correctly except for one set, and I cannot figure out why. For these calculations, I'm getting 8 embedded variables, global exposure estimates for 4 languages and cumulative exposure estimates for 4 languages. I have checked and these are parsing correctly.Once I have those, I need to set an overall estimate, which is determined based on whether the participant meets a monolingualism criterion or not. I

1510
hilaryk
Level 1 ●
2 years ago
S
Stefano
posted in Custom Code
take into account spaces when building if conditions

Hi, I have a task where people have to solve some math questions. I want to create a variable which gives them 1 point for each right answer. The problem here is that, if they fill in the correct answer but accidentally press the space bar (before or after the correct answer, e.g.; 5), than the solution is considered wrong. Is there a way to take into account spaces when building if conditions in the survey flow?Thanks.

90
S
2 years ago
R
ricsdpl
posted in Custom Code
How to enable the radio button when the checkbox is tick

Hi CommunityI'm trying to working with 2 disabled radio button and enable the two radio button (Yes , No) when the checkbox is being tick,

4160
R
2 years ago
J
justinp
posted in Custom Code
Add Start Over Button

Hi everyone,I'm looking to add a start over button next to the submit button. With the code below I have a button next to the submit button, but I cannot seem to change any attributes with CSS nor can I add the hyperlink.JS:Qualtrics.SurveyEngine.addOnReady(function(){ document.querySelector("#NextButton").value = "Submit" jQuery("#NextButton").before("Start Over");});CSS:.Skin #Buttons #NextButton { border: none !important; color: #fff !important; font-size: 160px !important; padding: 8px 20px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; border-radius: 4px !important; cursor: pointer !important; margin: 0 !important; text-align: center !important; text-decoration: none !important; -webkit-appearance: none !important; background-color: #635BFF !important;  opacity: 100 !important;}Any assistance would be greatly appreciated! Thank you!

1750
J
2 years ago
R
Rfredman
posted in Custom Code
Regex to mask Account number - works in regex101.com, but not in Qualtrics

I put together this regex code to look for digits that are either 8-15 digits long, or 17 digits long, regardless of if there’s words touching it. (Apparently I'm unable to paste other than as an image in this forum, my apologies)I set up the logic like this because there was a 9 digit number that came through that I thought should have been caught in the SSN masking logic. On further investigation, Qualtrics' SSN logic requires spaces before and after the number to mask it: My code passes logic tests in regex101.com and works how I want it to, see below. But when I put the code to create a new topic in the sensitive data policy in Qualtrics, it says: "Regex is either invalid or too long". Why is Qualtrics not accepting this Regex?

4860
R
2 years ago
MikeW
Level 5 ●●●●●
MikeWLevel 5 ●●●●●
posted in Custom Code
Validation based on count of responses to several multiple choice questions

I have several multiple choice questions on a page. I have them in column layout (3 columns) rather than the default vertical layout. Is there a way to do validation/ stop a respondent progressing if they tick more than say 5 responses across the various multiple choice questions on the page?n.b. there is display logic on each multiple choice question, so if I merged all the multiple choice questions into one question, then I'd need to add display logic on all of the options. Also, there are a lot of options, so I am using the column layout (3 columns) rather than the default vertical layout. I believe you can only use groups with the vertical layout.

1630
MikeW
Level 5 ●●●●●
2 years ago
J
jaemaz
asked in Custom Code
Survey in iFrame shows the bottom of survey when advancing

Hi All! I have a survey embedded into a parent site via an iframe. Everything works well -- except on mobile, where each time users click to advance the survey, they end up at the bottom of the next page instead of the top. Does anyone have any insight as to how to resolve this? Many thanks!

200
Ireen
Level 1 ●
2 years ago
Y
yinche
posted in Custom Code
how could I display a popup window when respondents click on text

Hi,I am new to Qualtrics. I like to display a popup window when respondents click on certain text on the survey. It is like a definition or more information need to show to respondents on certain terms or text on the survey. I use the javascript function like that below:function open_new_window1a(event) { event = event || window.event; if (event.preventDefault) {  event.preventDefault(); } else { event.returnValue = false;}  new_window = open("","my_new_window","width=360,height=420,left=45,top=150, scrollbars=1");new_window.focus();new_window.document.open();new_window.document.write("");new_window.document.write("The Lifetime Capital Gains Exemption (LCGE) helps to spare businesses from paying taxes on all or part of the profit they earn when selling a small business, a farm property or a fishing property. Business owners may seek to use this option when selling their business as source of income for retirement. ");new_window.document.write("");new_window.document.write("");new_windo

830
Deepak
QPN Level 8 ●●●●●●●●
2 years ago
I
iboafra
asked in Custom Code
Embedded Variables (Piped Field) in Web Service URL

Hello, Does the Web Service block support dynamic url strings depending on embedded variable values? I am able to successfully test my web service when the URL is statically defined. However, when I change the URL as below, the call is unsuccessful. ! Thank you!

180
S
2 years ago

Motivational Playlist

Terms & Conditions