What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Feature: Is it Possible To *Display* Mathematical Equations using MathJax

    Asked by cdnshikshalaya on March 10, 2014 at 10:26 PM

    MathJax uses JS to display mathematical equations originally written in Latex Format.

    An Example

    \left( \sum{k=1}^n a_k b_k \right)^2 \leq \left( \sum{k=1}^n ak^2 \right) \left( \sum{k=1}^n b_k^2 \right)

    will be displayed as

    Math Equation

    I use JotForm to Create Quiz and Online Assessments for students. Displaying math this way is integral part. I tried doing this using the source code option provided by Jotform. But I could not do it successfully. I have very limited understanding of programming, but given a direction, I would like to put efforts to make this work.

    Can someone plesase tell me how do I do it? I have already tried searching forum (and some self-testing) but so far I have not been able to come up with a result.

    Utkarsh.

    Update:

    This time, I went through the Source Code more thoroughly. This is what  I have noticed.

    "\" (Back Slashes) are automatically getting removed and some other symbols are being replaced by & automatically.

    If that is what is causing MathJax's Engine not to recognize the Latex Text, then how can I solve it?

    Thank you once again.

    Utkarsh

    Page URL:
    http://form.jotform.me/form/40661942478462

    MathJax Math Equation
  • Profile Image

    Answered by jedcadorna on March 11, 2014 at 07:56 AM

    Hello,

    Thank you for contacting us.

    This is just the first time I've heard about mathjax. I tried using it using a form source and load the mathjax script through CDN and did add some script from mathjax for testing and it was able to interpret the syntaxt but the downside is that once the form is submitted the equation is not being recognize yet.

    Here's how it looks when form is submitted:

    You can test the sample form here: https://shots.jotform.com/jed/forms/Mathjax%20sample/Clone%20of%20Shikshalaya%20-%20Sample%20Test.html

    Let me submit a feature request and hopefully this nice feature will be added and part of the Jotform's calculation widget.

  • Profile Image
    JotForm Founder

    Answered by aytekin on March 11, 2014 at 10:49 AM

    I've added a widget request about MathJax. We have now hired a developer just to build widgets so I expect widget requests to be implemented much more quickly from now on. 

    I assume you have already tried this widget and it did not fit the bill:

    http://widgets.jotform.com/app/math_formulas

  • Profile Image

    Answered by cdnshikshalaya on March 11, 2014 at 02:57 PM

    @jedcadorna

    Hello. 

    This was very Quick. I am very happy. Thank you very much. 

    I have a some information and a Request.

    Math on Computer

    MathML and Latex are two very standard and Popular way to display Maths in Books, Journals, Web, Programs, etc. MathJax came up with a JS Display engine that does a pretty Great Job of correctly rendering mathematical equations.

    And the way to use it is a call to MathJax JS on every page that has math equations. Underlying it still is latex. So I believe the call was only made on the page displaying the form. Not on the thank you or the submission page.

    The Request

    I absolutely love what you did there. For the moment, if I am able to display the equations in the form properly, I am, like, 80% done. I believe, I can take care of the rest offline. Can you please tell me how you did it?

    Thank you.

     

    @ayetkin

    Two Quick Things.

    1. (Might sound unusual) I had not expected that I would get a reply for such a small thing from you, much less such an update. I came to know you are the founder of JotForm from a medium post that I read - the one which you wrote about how you built a community for your product. Thank you very much for such a wonderful service.

    2. Yes, I did check the Math Formulas, I would have gone with it, but I can't seem to be able to copy paste equations to and from latex. I have to manually type the formulas. It is very intuitive but not efficient.

    Thank you once again.

    Utkarsh.


  • Profile Image
    JotForm Support

    Answered by TitusN on March 11, 2014 at 06:28 PM

    Hello UtKarsh,

    Thank you for the feedback.

    Mr. Aytekin will respond as soon as he is available. 

    The ticket for the widget has been created, and this thread will be updated following implementation.

    In the meantime:

    In response to your question to Jed, here's how you would implement Mathjax on your form:

    1. Prepare your form using the form builder -

    2. Save the form and get the source code using this linked guide.

    3. Place the source code in a standard HTML file. Add the following script inside the head tags:

    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
    </script>
    <script type="text/javascript"
      src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
    </script>

    Please read the documentation that explains this here.

    4. Put in the LaTEX or TEX math expressions where you need them inside paragraph tags <p></p> on the source code of the form you created.

    Here's a demo form with that implementation: https://shots.jotform.com/titus/testingmathjax.html

    Here's the source code to the test: http://pastebin.com/upFkEp8H

    Did that help? Please let us know.

  • Profile Image
    JotForm Support

    Answered by TitusN on March 11, 2014 at 06:31 PM

    Forgot to add this in.

    Here's the sample equation I added in inside a paragraph on the HTML sample page:

    When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
    $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

  • Profile Image
    JotForm Founder

    Answered by aytekin on March 13, 2014 at 08:19 AM

    Utkarsh:

    It looks like we already have a MathJax widget. Sorry, I wasn't aware of it so I did not mention it in my post.

    http://widgets.jotform.com/widget/mathjax

    Can you try it and send us feedback about it? The developer who is working on this widget said he implemented it for a user a few weeks ago and he was improving it with feedback from that user, but he was still waiting for some more feedback. So, it might still be little rough/undocumented. But, if you find any problems we can fix it. 

    1. I am glad you liked my blog post on Medium

    2. MathJax widget might be the solution. Hope it helps.