I am trying to use KaTex for equations in my Qualtrics survey. All of the math renders correctly in “question preview” but only two of them render in “block preview”. This block contains page breaks, if that’s relevant. I put the starter template in the header (Browser · KaTeX), and each question with the KaTex has the JavaScript:Qualtrics.SurveyEngine.addOnload(function() {jQuery(".katex").each(function() {katex.render(this.innerHTML, this, { throwOnError: false });});});Qualtrics.SurveyEngine.addOnReady(function(){ /*Place your JavaScript here to run when the page is fully displayed*/});Qualtrics.SurveyEngine.addOnUnload(function(){ /*Place your JavaScript here to run when the page is unloaded*/}); The math is rendering for some of my questions but not others. For example, this worked (in the question text HTML):Bernoulli trial equation: P(X = \mathrm{x}) = \binom{n}{\mathrm{x}} p^{\mathrm{x}} (1 - p)^{n-\mathrm{x}} This one also worked (in the question choice>Rich Content Editor>Source):A.) P(X = 5) = \binom{3}{5} (0.4)^5 (1 - 0.4)^{3 - 5} However, this one did not work (another question text HTML) -- notice that it’s the same HTML as the first working example:Bernoulli trial equation: P(X = \mathrm{x}) = \binom{n}{\mathrm{x}} p^{\mathrm{x}} (1 - p)^{n-\mathrm{x}} This one did not work either (question choice):A.) Calculate \binom{27}{15} The two working examples I included are the only two that work in “block preview”. There are several others that did not work in “block preview” besides the examples provided. ALL of them work in “question preview”.

@rm349I think i found your problem. I’ve been able to replicate it.Did every question on the page have that JavaScript? When the page load, multiple JavaSrciptsrun and render/conflict with each other. That’s why it’s oke on question preview, but messed up in block preview.You have page brake, so make sure only 1 question in the page have the JS, preferably the 1st question of the page.Hope this helps

@Nam Nguyen-- Yes, that was the issue! Thank you!To avoid having to break up the questions with page breaks, here’s what I did: For any pages with multiple Katex questions, I added a span id to each question’s HTML. Then, I edited each question’s JavaScript to target that id.So, for question 12, I used this HTML:12.) What is the name of this statistical procedure: \binom{n}{\text{x}} And this JavaScript:Qualtrics.SurveyEngine.addOnload(function() { var katex13 = document.getElementById('katex-question-13'); if (katex13) { katex.render(katex13.innerHTML, katex13, { throwOnError: false }); }});For question 13, I followed the same procedure, using this HTML:13.) \binom{n}{\text{x}} is said as "__ _____ __".And this JavaScript:Qualtrics.SurveyEngine.addOnload(function() { var katex13 = document.getElementById('katex-question-13'); if (katex13) { katex.render(katex13.innerHTML, katex13, { throwOnError: false }); }});Now, both questions render correctly, even though they are on the same page.Thanks so much for identifying the problem!

KaTex working in "question preview" but not "block preview" (some questions work in both)

KaTex working in "question preview" but not "block preview" (some questions work in both) | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded