Here is the code you have to put in the header of your survey for loading JQuery with simple layout :<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>Instead of change the parameters of #plug with jQuery, you can use a CSS personnalised code :#plug { display: none; } Hope it help,Jonas
Hey,Is anybody succeded to customise the stars question with the simple layout ?With this layout, there is not CSS, everything is manage with SVG.I think maybe it’s possible to change the SVG parameter with JQuery request ?Tks
Hey, I think I have the same issue with the code for hidding “Powered by Qualtrics”. It doesn’t work with the simple layout.<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><script type="text/javascript">Qualtrics.SurveyEngine.addOnReady(function() { jQuery('#Plug').attr('style', 'display:none !important');});</script>I tried to call sur jquery library before it but still not working.Thanks for your help
Hey TomG , I am facing similar issue, but can you tell me where exactly do I have to paste this code .Skin .STAR .StarsContainer,.Skin .STAR .StarsContainer .Filled,.Skin .STAR .StarsEventWatcher{height:26px;background:transparent url(https://jfe-cdn.qualtrics.com/themes/base-templates/qualtrics/base/version-1561388512231-d0e045/files/stars.png) 0 0} ? Hey @Parth3399 you can paste this piece of CSS code in the look&feel of your survey (Style > CSS).It worked for me 😉
Hi Emily,This kind of calculation works perfectly with a directory tasks, but apparently only with embedded data fields.I would like to remplace embedded data by fields coming from a previous task like:$e{ ~{ch://OCAC_12LRav8yM7Rahg0/kpi1} + ~{ch://OCAC_12LRav8yM7Rahg0/kpi2} }But this way doesn’t work...
Yes, that's what I understand after I've posted this message.The result of this API call is an object from an array, so with the webservice task I cannot get one object after an other. I'm right ?
Thank you so much Tom_1842
Thank you TomG, I advance step by step but always the same problem for a few number of respondants... But you know, in the next page I use the same code to get a form field and IT always not working... That's why I think there is a kind of conflict with flatpickr.Maybe the next step will be to put a condition on the clicknext action, only if the var above are not empty. But what will happens if they are really empty ? The respondant will be able to cliquing again and maybe run again the script ? I don't know.Pending, here is the last version I use with my comments :Qualtrics.SurveyEngine.addOnload(function(){ /*Placez votre JavaScript ici pour le lancer pendant le chargement de la page*/});Qualtrics.SurveyEngine.addOnReady(function(){ /*Placez votre JavaScript ici pour le lancer lorsque la page sera complètement affichée*/var qobj = this;var qid = this.questionId;var inputs = jQuery("#"+qid+" .InputText");document.getElementById("Buttons").hidden = true; jQuery(inputs).flatpickr({ "loc
Thank you so much but I'm afraid the result is worst than previously :(I check the returns for the next days and I come back to you...FYI : yes I'm going to put some conditions, but for making easier in a first time, I drop them :)
Hey TomG I tkink I found the issue. It seems like a conflict beetween two JS code : in the QID67 I use flatpickr for choosing a date in a calendar jQuery("#"+qid+" .InputText").flatpickr({ "locale" : "fr", enableTime: "false", altInput: "true", altFormat: "d/m/Y", dateFormat: "Y-m-d", disableMobile: "false",});And when I put the 2 codes togeteher (as you suggest, I'm now using the fake buttons directly in the same question with the two date fields) nothing work.Do you think is it possible to have this two codes together or I have to find an other way to get my informations (maybe without a calendar) ?
https://community.qualtrics.com/XMcommunity/discussion/comment/52062#Comment_52062Thx. I'm also interested by the different way to add the fake buttons. Maybe directly in the QID67 ?
Thank you TomG, I'm gonna try to pass this code in addonReady.For the hardcoding issue, my problem is that I'm using the previous question to get elements I calculate with (see the screenshot under)
Hi ManuelaPosso13 Have you test this calculation in your surveyflow with piped text ?$e{ ${q://QID?(DATE2)/ChoiceTextEntryValue} - ${q://QID(DATE1)/ChoiceTextEntryValue} }
Yes you totally right but I didn't wanna open a new windows in a survey, but in a dashboard.So it's truly impossible. That what I thinked about 😪
Hello,Finally I changed the way to do my verifications and I used an other function with my fake validation button :Qualtrics.SurveyEngine.addOnload(function(){ /*Place your JavaScript here to run when the page loads*/ this.questionclick = function(event,element){ //for a single answer multiple choice question, the element type will be radio if (element.id == 'validate_button') { var txt1 = jQuery("#"+this.questionId+' .InputText').eq(1).val(); alert('You wrote '+txt1); } }});With that It's working perfectly !Tks
Of course, but I wanna use the jQuery().on("click", function ()) to remplace the addOnPageSubmit() and to can make verifications without pass to the next question.And when I use jQuery().on("click", function ()) I cannot getting any element of my form with jQuery("#"+this.questionId+" input[type=text]").eq(0).val();It seems not working, while the same code works with the addOnPageSubmit()So why ?
Hi,It would be something like that :Qualtrics.SurveyEngine.addOnReady(function(){var ve = q.find(".ValidationError").first();jQuery("#validate_button").on("click", function () { var dachat = jQuery("#"+this.questionId+" input[type=text]").eq(0).val(); if (dachat !== "Test") { ve.hide(); document.body.scrollTop = document.documentElement.scrollTop = 0; ve.html("Your answer is different from 'Test'"); ve.show(); return false; } else { jQuery('#NextButton').click(); } });});
Excuse me I come back with my last question because I really don't understand :Why this code works (to get value of a form with addonPageSubmit) :Qualtrics.SurveyEngine.addOnPageSubmit(function(){ /*Place your JavaScript here to run when the page is submitted*/ var test = jQuery("#"+this.questionId+" input[type=text]").eq(0).val(); Qualtrics.SurveyEngine.setEmbeddedData("ED1", test);});But not this (to get value of a form with the fake submit button) :Qualtrics.SurveyEngine.addOnReady(function(){ /*Place your JavaScript here to run when the page is fully displayed*/ jQuery("#validate_button").on("click", function () { var test = jQuery("#"+this.questionId+" input[type=text]").eq(0).val(); Qualtrics.SurveyEngine.setEmbeddedData("ED1", test); }); }); Thank you 😉
Fabulous 😁And my last question (but no least) : do you know why I cannot get the answers of my questions when I click on the fake button. I'm using usually this code after the click function()var test = jQuery("#"+this.questionId+" input[type=text]").eq(0).val();It's a form question
Thanks TomG. But how update the content (or find) from just one element ? I tried to get only the id of element like that :VALIDATION.ValidationErrorBut it doesn't work (or I didn't use it in my JS properly).
Thank you bstrahin I explored the differents parts of your code and now I can submit with this "fake button". I also can display error messages when a condition is false. But I still have to issues :I cannot get the answers of my questions when I click on the fake button. I'm using this code after the click function() `var test = jQuery("#"+this.questionId+" input[type=text]").eq(0).val();` (it's a form question)The error message is diplaying four times on my survey like bellowCan you help me please to fix that ?
Thank you TomG ! Have you an exemple of this kind of JS please ?
https://community.qualtrics.com/XMcommunity/discussion/comment/48961#Comment_48961Thank you TomG, as you can see in the link above the field is not hidden anymore : ))
That's what I tried to do and it's always the same problem. I really dont know why... Maybe the problem is on my iPhone settings...Can you check with yours please ? https://teresamonroesandbox.ca1.qualtrics.com/jfe/form/SV_9EwCOkxU31iFbr8
I'm afraid not.The first time, I implementated the "airbnb" css theme and now I always getting this theme even if I'm not calling it in the jquery... (+ deleted to the header). I think my mysterious issue come from that... Otherwise I exactly put the same code than you posted above.
Already have an account? Login
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.
