Custom Code

Hello! I like to mask phone numbers in my surveys. I have successfully used the JS below to do that. In the new Survey Taking Experience, the JS no longer works. The published info on the new format does acknowledge that JS may need to be updated. Thing is… I don’t know JS and have no idea how to update it for it to work.Can anyone help?Here’s the code:Qualtrics.SurveyEngine.addOnload(function(){    /*Place your JavaScript here to run when the page loads*/});Qualtrics.SurveyEngine.addOnReady(function(){    jQuery(".InputText").on("cut copy paste",function(e) {e.preventDefault();});jQuery(".InputText").on('keypress',function(){if(event.which != 9 && isNaN(String.fromCharCode(event.which))){event.preventDefault(); //stop character from entering input}var s = this.value.replace(/-/g,'');if(s.length==10){event.preventDefault();}if(s.length!=0

I have custom end of survey message AND below that we have response summary (by default containing the Download PDF button). Is their static link for this download pdf that i can pipe on my custom message as well. (Is this link generatable, may be by appending embedded fields). ​@Tom_1842 do you have any suggestion here, thanks in advance :)  

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

Hi, Would there be a piece of custom JS that would convert the system generated Survey End Date captured from a dd/MM/yyyy hh:mm:ss to just dd/MM/yyyy. For 99% of onward analysis outside of the Qualtrics platform where would look at results by date, we usually end up removing the hh:mm:ss element of end date within Excel to strip it out to a straight date format.  Thanks in advance

In my survey I have a constant sum matrix table with 2 columns and the total for the 2 columns must equal the value given for a previous question, e.g.: question_0: how many items did you buy? ; answer_0 = 10question_1:  for you for your friend apples a b oranges c d total e f I only want to allow the survey to progress when e + f = 10. I think the default sum validation can only look at e and f individually and check if these equal 10? I have added some JavaScript inside the addOnPageSubmit method and I can return a browser alert when the totals don’t match, but the survey still progresses to the next page when the alert is dismissed. Is there anything I am doing wrong, or missing? Thanks! 

Hi All, I’m after some advice.  The HTML email templates we use are and have been static in their code and design since their development back in 2018.  Since then our digital studio department have been disbanded and so there is no longer any support and guidance.  We’re not just talking the visual look and feel but the behind the scenes conditional styling that I have since discovered is in the template and until now not realised its importance to ensure the design looks ok across many email clients and devices. I’d be interested  to know what everyone else does.  How you manage your templates to ensure they remain in good working order and what software you use.  I’m a novice when it comes to HTML and CSS so I’m looking for something to deliver all this behind the scenes code with a polished design. Currently I’m using word, exporting the design to html then using a combination of free online html editors but this does not obviously cover

Good Morning, You Lovely People! I have a Lifecycle survey where I want to have an overall “score” (raw number - not a %) calculated based on the items selected in the survey.The maximum/”perfect” score is 30 There are 8 questions - each with different values (3 answer options or 5 answer options) 7 of the questions are straightforward (A = 5, B = 4, etc.) However: On one of the questions - there are 17 possible answers I want to have the system *subtract* a point for each item selected - subtracting up to 3 points for a minimum value of “0” So: Max Score for the question is 3 Minimum score is 0 If 1 item is selected: Subtract 1 point If 3 items selected: Subtract 3 points If 4 or more items selected: Subtract 3 points I added a custom javascript (mentioned below) and included it as an embedded data field in the flow before the questions

Hey everyone, I have a question I'm hoping someone can help I have allowed a text box entry for a question with "other" as an option. This is for a multiple choice, single answer question. When I preview the question, the textbox appears under the whole list and I'd only like it to show if someone selects other. Is this possible?Thanks for your help. :)

Hi, At my organization, we ask a lot of constant sum questions, but we also want to let our respondents skip them when they don't have the relevant data. As of now, it seems impossible to allow respondents to skip questions when 'Must Total' is selected. I think it would be ideal if the 'Must Total' validation was "activated" AFTER respondents enter ANY data into one of the constant sum boxes. So, in effect, if respondents don't enter any data, they can skip it without triggering the validation rules. The folks over at Product Ideas suggested I post the question here. Does anyone have the custom code to make this work? Thank you in advance - I'm a newbie with javascript!Also, I have added this request/idea to the Product Ideas page, and I've asked if they can allow the validation to be changed to 'Request Response' at a minimum or, ideally, if they can "activate" the validation as described above.If you think this should become a standard feature, please upvote

Hello everyone!! I would like to change the progress bar position so that it appears after header. Also, how can we remove the progress bar from the 'end of the survey' page

Hello! In one of the surveys that I am developing, I am interested in importing/using one of the questions from the Qualtrics Library (Calendar & Date Questions). I am specifically interested in the Calendar & Date Question that is in the SIDE-BY-SIDE format. There are two things I want to change about this question: (1) I want to reword the default "Please select:" statement to "Start Date:" (2) I want to add a second statement for "End Date:" (3) I want to change the year range from 1900-2049 to 2015-2030 for the dropdown menu options for both of the statements. At the end of the day, I am hoping to end up with a Side-By-Side question with a "Start Date:" statement and an "End Date:" statement with the response options for the Year dropdown menu to be limited to 2015-2030. I am having difficulties with this. I am able to easily reword the default "Please select:" statement to "Start Date:" I added a second statement for "End Date:" Where I run into trouble is that when I go into

Hello,I'm looking to clear selected options when the respondent clicks the 'back' button.It seems that the choices are 'labels' on Qualtrics back end.I realize that when the option is selected, there is a new 'q-checked' class that is added. Hence I've been looking for ways to remove that class following the various suggestions here (html - Remove CSS class from element with JavaScript (no jQuery) - Stack Overflow), but it doesn't seem to work. See one example screen capture below.There always seems to be a TypeError, something like: "Cannot set properties of null (reading classList)"Could somebody please help?Many thanks in advance!

Has anyone been able t include some sort of JavaScript or CSS code to ensure error messages are left justified?  I understand changing the survey format is an option, but that does not work for us as we have very specific criteria in our formatting.  Has anyone found a work around in this?

Hi all,I'm trying to implement geofencing logic in my Qualtrics survey using JavaScript to restrict access to users within a 1-mile radius of a specific location. Here's what I'm trying to achieve: Prompt the respondent for location access Calculate the distance from a fixed latitude/longitude If the respondent is outside the radius or blocks location access, they should be redirected to an external SharePoint page If they are within the radius, the survey continues as normal Here's what I've done so far: Added a Descriptive Text question at the start of the survey Placed the geolocation JavaScript in that question’s JavaScript editor The script uses navigator.geolocation.getCurrentPosition, calculates distance, and sets embedded data I’ve tried both branch logic in the Survey Flow and full redirect via w

I would like to make my multiple choice question look similar to this (this was made using another survey software). The text entry should not have a radio button. The other responses should have radio buttons.I want to ensure the text entry still acts as a exclusive response (i.e., you should NOT have to click another response in addition to fill out the text entry)Thanks!

I have the following setting, where in the same page there is a first 2-slider question (Q41 in the example below) and a further slide below (Q67). When going through the survey, the respondent decides on the desired values for the first two sliders. I would like the second slider to always take the value 10 - (sum of previous sliders).  now, here is where i’m stuck. I can relatively easily add text below the two sliders that show my desired algebraic sum, using the following code:Qualtrics.SurveyEngine.addOnReady(function(){var qid = this.questionId;    jQuery("<p>You are realising savings for your firm of: <span id='tot'>10</span>.</p>")        .insertAfter("div.ChoiceStructure");     function updateTotal() {        var $inputs =

I have a text only question (no response requested, just intro text presented) for which I want to allow hover over a specific word to bring up additional text.  I found the code to use in these forums (below) but it seems to have a character limit as it doesn’t show all the text.  It may be better for me to save the hover text as a graphic and instead have the graphic pop up in hover.  Is this possible?  Or maybe there is a way to change the # characters in the hover text.  I think the graphic option is better though so I can visually break up the text and bold where needed. Additionally, when I use the hover html code below, it is placing the word I am hovering over on its own line rather than keeping it in the same paragraph stream. See attached picture - the text I want to hover over is simply the word ‘here’ and it is forced onto its own line rather than keeping within the sentence. <div title="This is hover-over information">Hover over this text<

We inherited a survey that contains a fairly large Matrix table (50 questions with a five point scale). The Matrix table is a list of skills associated with a discipline and respondents need to rate how important that skill is to them.  The matrix table question, is followed by this text-box question:You identified X, Y, Z skills as very important or important, Please tell us why. “X,Y,Z” above uses piped text to display the question text only if users identify a skill as very important or important (scale point 1 or 2), but when we test the survey we get many blank values when users select neither of those options. I looked at the code and I see where they how it is making questions display, but i do not see how it is preventing the blanks. Can advice? I can post the code if you like.

Slider Lables to be repostioned Hi, I would like to reposition the labels in my slider question. Currently, they appear above the slider, but I want them to be displayed below it, as shown in the picture, with 0% and 100% positioned at the ends of the slider. I have tried using some JavaScript, but it they don’t seem to be working. Can you please help?

Hi, I want send survey to my employees & keep their response Anonymous. but some of the contacts field such as department, Designation etc should be collected when they respond to survey. Please share any custom code to do the same. Thanks

Hello!My team is hoping someone knows how to create code that can pipe randomization without replacement across multiple surveys. Below is our basic study design if that helps to explain what we need the code to do:We are distributing a daily survey to people where they will be asked about different scenarios/cues We have one list of scenarios, and another of cues (with an equal number in each list) We want to be able to ask participants about each scenario and cue, but with the scenarios and cues randomly combined together without replacement, so that each participant sees every scenario and every cue, but with cues/scenarios paired differently for each participant Since surveys are daily, we want to create separate Qualtrics surveys for each day, but aren’t sure how to maintain randomization of cues/scenarios without replacement across multiple surveys.Any help is greatly appreciated!

Right now, setting the Secondary Color makes the Submit button appear as the color I need, but the text color is automatic and I would like to change its color to something more accurate to the brand guidelines I have for my client. Is there any way to do this?

Hi AllI am fairly new to qualtrics, and just a user not a developer. Having created our first client satisfaction survey last year, we have received some feedback as to how we could improve the user experience for our survey this year and I am trying to implement that now. One of the feedbacks which we received was about unfamiliar terms or not knowing exactly which aspect we were targeting within some of our likert questions. Rather than adding lots of text and making the survey longer, I would like to work with tooltips...but these should work on both desktop and mobile versions. I have tried this Responsive and Mobile-Friendly Tooltip — Osvaldas Valutis and it works, however I come across an issue, which I'm hoping you can help me with: My survey is available in 3 languages: English, French and German. Is there any way that I can have the tooltip be dynamic, so that it

I’d like to add a bulleted list to a tooltip/hover over in the text of a Qualtrics survey question. Is there any way to do this? I’m using the following, which of course doesn’t separate out the bullet points into separate lines: <span class="tooltip" data-text="Here are a few examples: ● Example A, ● Example B, ● Example C, ● Example D">questions</span>

Hi everyone,I would like to add a pop-up that provides more information about a question when the user hovers over it.Like this but for the question and not for the options:Since this survey has translations, I also need to ensure that the pop-up boxes display the description in the correct language.If anyone has any suggestions, they would be greatly appreciated!