Custom Code

Hello,I want to create a survey where the first question (NPS) is already answered for them based on the embedded data. I am aware I can not use the existing functions of qualtrics to do this and will need jafa script. Has anyone already done this code and is able to share it with me?e.g. Embedded data shows 8 in the URL string. Q1.NPS, has 8 pre-selected. Ideally I would like this for the NPS question type, but open to it being a single choice question to reflect the NPS format. Thank you. 

Hi All, I am wanting to see the email domain in my distribution funnel dataset (ie not just a survey response but when a survey is sent so that I can get a record of the number of bounces by domain in a dashboard) and so I was wondering how best to do this.  My thinking was to create a stand alone workflow using the Experience iD change, a code task using the piped text for:Contact ID: (~{qde://objectId})Email:  ~{qde://common.Email} then taking the string after the @ and then updating an embedded data field in the directory perhaps through an API (as I don’t want to have to select a mail list).  I would create an embedded field prior in the directory and call it Email_Domain. I think this part would be feasible but I assume that still wouldn’t be connected to the distribution funnel.  How do I do that bit? Alternatively if there is a way to do this directly in the distribution funnel that would be great.  I wante

I'm working on a survey where I need to conditionally add text to an existing question based on an embedded data value.Specific requirement:Embedded data variable: Example_Survey = ABC Add "Sample Text" to a question Only add this text if the class equals "ABC"  If the value is anything other than "ABC", do NOT add the textSince we're running multiple survey variations within the same survey and it is only two words in one questions, I'd prefer to implement this using CSS classes and JavaScript rather than Qualtrics' built-in logic, as this would be cleaner and more maintainable.How does a Class recognize the embedded data value?Do I have to create a nested Embedded data field?Thank you!

Hi! For some reason, my qualtrics survey does not seem to run smoothly on Microsoft Edge. The error message “something went wrong - we were unable to connect to our servers. Please check your internet connection and try again” appears repeatedly even with stable network.  There is a custom code embedded to hide the time option for calendar > Qualtrics.SurveyEngine.addOnReady(function(){    /*Place your JavaScript here to run when the page is fully displayed*/// Function to click a specific time in the time picker when a day is selectedfunction clickSpecificTime(timeText = '12:00 AM') {  const timeItems = document.querySelectorAll('.react-datepicker__time-list-item');  for (const item of timeItems) {    if (item.textContent.trim() === timeText) {      item.click(); // Select the desired time      break;    }  }}// Attach click listeners to each day in the calendarfunction att

I’m trying to change the color of the text within the submit button in the New Survey Taking Experience and I’m not having any luck. Does anyone have custom CSS that can change the color of the text in the button? Thank you!

Hi Brains TrustI have some java script in a survey that calculates the respondent’s age and the age they will be at a specific date in the future from their date of birth. This is then used as embedded data to govern how they move through the survey.This was working fine before Christmas but have returned from the break to find it is no longer working at all (no edits have been made to any part of the survey). Info on Qualtrics product updates doesn’t shed any light on this. I’ve contacted my organisation’s IT security area to see if any updates have been made there to prevent it running - that is a possibility as it previously didn’t work when on the network but worked when completing the survey on a personal device (which is what real life would be as it’s a consumer survey). But now it doesn’t work on any device at all. I am not using Simple Layout.Has anyone experienced anything like this before? And, more importantly, does anyone have any ideas on why? I’m

I would like to remove or put the asterisk before a question with a requirement force response in white. So that it is not visible anymore. Has anyone custom CSS code for this? 

Hello. I'm having trouble because the randomization function overrides the display logic/skip logic/survey flow function.What I'm trying to do is to show six images (2 images at a time, the order of six images is randomized) and stop showing the images once a participant chooses one of the images. Currently, I ask "Are you willing to accept either one of the offer?" and want to skip the rest of the images and move to the next block. So, some participants will make a decision on the second round (see 4 images and do not see the rest 2 images) and some participants will make a decision on the final (third) round (see all 6 images).If doesn't matter whether I use the randomization function in the block or loop and merge function as long as I can make the survey work as I explained. I tried both. However, as the randomization or loop function override survey flow/display logic/skip logic, I could not figure out how to stop participants from seeing the rest of the images on

Hi, I am trying to hide a few scale points for specific statement options (e.g. point on the 11th row, 3rd Column)?I tried to run this code under AddOnload on Javascript but it did not work.$('QR~QIDa~b~c').up('td').childElements().invoke('hide');a=Question QIDb=Row #c=Col # Was wondering if this could be because I am running certain display logics in my scale points and it may be confusing the system? I'm not well versed with Javascript and was wondering if there's another code I can use? Additionally, i have a few different scale points to hide on my matrix table. Can I simply add the multiple different codes into the AddOnload on Javascript for them to all run together? e.g. $('QR~QIDa~b~c').up('td').childElements().invoke('hide');$('QR~QIDd~e~f').up('td').childElements().invoke('hide');$('QR~QIDg~h~i').up('td').childElements().invoke('hide');Thanks so much!

Hello,I am trying to find ways to convert my survey export (json file) to be compatible with Qualtrics format. I saw that there was a way to convert it into RIOS format then convert it into the QSF format. Was anyone successful in doing so? My institution is moving from Checkbox to Qualtrics.

I need to align the top answer options with the bottom, the support suggested this css but it didn’t work:.mc.horizontal .choices {  width: auto!important; }I also have this code related with the choices alignment, in case it conflicts with the added code:@media (min-width: 30rem) {    .mc.horizontal .choices .choice.above .choice-label {        flex-direction: column;        max-width: 10.625rem;        min-width: 2.75rem;        padding: .625rem;        text-align: center;        margin: 20px;    }} 

 I have a very simple side-by-side with an open-text field for adding additional comments for each item; however, when I go to enter text into the open-text field, all respondent input is centered, which can be disorienting for someone who has a LOT to say. Qualtrics support says there isn’t a built-in way to do this (like the Rich Text editor) and I cannot for the life of me figure out what kind of JavaScript would be needed to change this alignment behavior within the open-text fields themselves.There is a similar-sounding question that has already been answered here, but the problem in my survey’s side-by-side isn’t the

It appears Qualtrics has included it’s own Calendar Question Type. Yay!However, it looks like it also includes a time-interval formatting feature where people HAVE to pick a time. Currently there is not an option to exclude this.I contacted Support and they said maybe there is someone in the community that can recommend code to get rid of it.Would love some help. Thank you!

I have a survey with sensitive topics that I need participants to be able to withdraw from at any time, while still being redirected to a debrief page and then an “end of survey” element for compensation. As it stands, I have three separate debrief blocks (one for early withdrawal, one for late withdrawal, and one for completion). I also have three “end of survey” elements, with each one having its own redirection link so that participants may be compensated based on how much they completed. Right now, I have it set up so that if a participant clicks “Prefer not to continue,” their “withdraw” embedded data variable will either be changed to a “1” (early withdrawal) or “2” (late withdrawal). Upon clicking that button, the code forces the page to advance to the next survey element, which is a branch that detects whether their “withdraw” variable has changed and redirects them accordingly. This is the HTML I have implemented for my “withdraw” text question at the b

Is it possible to change the color of the slider only on the left/right side of the marker? See figure below.   

Hi everyone,I’m working on a survey where the header logo is added via Look & Feel. By default, Qualtrics renders the logo with a generic alt attribute (e.g. alt="logo"), which technically supports screen readers but isn’t very descriptive.For testing, I was able to override the alt attribute at runtime using JavaScript. Before considering this further, I wanted to confirm whether this is a robust and reliable solution for production, or if there are known limitations or risks.My question is: Is there any supported or recommended approach in Qualtrics to define custom alt text for the header logo? Or is relying on Qualtrics’ default accessibility handling the only viable option at the theme level? Would appreciate any guidance or best practices from the community.Thanks in advance!

Hi all, Has anyone programmed the EQ-5D VAS scale in Qualtrics? I have web development experience so have been trying to take a slider bar and tweak it to look exactly like the scale, but currently I can't seem to get anywhere close. I also tried playing around with the Graphics sliders, but still no such look. EuroQol have very strict requirements so the VAS scale has to look exactly like the hard copy. Any help would be greatly appreciated.

I am creating a registration form that requires entering a child’s birthdate as a form field question. Based on the birthdate, I want to use branch logic to direct them to other parts of the form. For example, if the birthdate is between 09/02/2022 and 09/01/2023, I want to branch to the Pre-K portion of the form, etc. Since there is no option for branching before or after a date, I am trying to use “greater than or equal to” and “less than or equal to”. But since the entry is a date and not a number, this is not working. How do I fix this or convert the form field date to a number to use branch logic?

Im trying to make a mobile friendly multiple choice question where the question alternatives are side-by-side for alignment purposes. Id like to add additional labels to the left of the choice alternatives. How to do this? What I have done:What I would like to do: 

Hi Everyone,I’m trying to clearly understand how Qualtrics determines the base language for an email template/survey.In our case, the content was originally written in English, but when translations were added later, English was never added via the “Add Translation” option. Now, English does not appear as a selectable language in the translations list, and another language seems to be treated as the base. So I wanted to confirm:Is the base language in Qualtrics determined by the first language that is formally added via the Add / Edit Translation option, rather than the language in which the content was originally written?Also:If English was only used as a drafting/template language but never added as a translation entry, does that mean it can never be treated as the true base later without rewor

Dynamic Starting Point for Alphabetized Order: I’m interested to discover a way to randomize names on a survey question (roughly 1-300 names) that would maintain alphabetical order while rotating the starting point for each participant as they access the survey. Specifically, I want the selection to remain in alphabetical order (A…Z), but to begin at a different letter for each respondent by randomly selecting a starting point. For example, if the names are as follows:Alice Bob Charlie DavidOne respondent might see:Bob Charlie David AliceWhile another might see:Charlie David Alice BobWe would greatly appreciate any insights, code snippets, or resources that could help us achieve this functionality using JavaScript or customized features within Qualtrics.Thank you for your assistance!

Hello,I’m using a Pick Group Rank question for 9 possible options across 3 groups. Respondents need to pick 1 option for each group. The validation is set for each group to contain a minimum and maximum of 1. All of that works fine.But I ALSO want to add a custom validation so if the respondent chooses a specific option, they get an error message (that option is sold out). I know I can just remove that option or use display logic to prevent it being displayed at all, but I want that option to remain on the list and for the validation to fail if it’s selected. I can’t figure out how to add that custom validation on top of the “each group contains” validation. The Qualtrics interface really makes it seem like one or the other.Appreciate any guidance you may have!

Hello!I have a question everyone sees that is like this:  Click if you want to know more on  <button onclick="alert('Display question topA')">topic A</button> or <button onclick="alert('Display question topB')">topic B</button>. How can I make the respective questions topA and topB to appear in the pop-up text? Both topA and topB are of Question type “Text/Graphic” (but contain only text).  Any help highly appreciated.  Edit:  I tried <button onclick="alert(${q://QID9/QuestionText})">Topic A</button> and <button onclick={q://QID11/QuestionText}>Topic B</button> but both yield the Alert JavaScript is not allowed in question text.

Hello,I wanted to ask if anyone has successfully created a matrix table question with an uneven number of statements for the respective columns. I have attached a screenshot example of what it would like (See Attached). There would be seven statements total (in my example, business activities), but only three of the statements would appear for one column and all seven for the other.I know I can utilize the ‘Make Answer Exclusive’ for the first column and create a custom validation to limit the number of options checked for the second column. However, after confirming with the Qualtrics Support AI Assistant that this is not possible, I wanted to see if someone has figured out a workaround for this type of situation.Thanks in advance for any insights!Regards,Eric

Hi Guys,I wanted to check if there is a default option available to create a Table in Email Invite Messages or it can only be done using HTML?