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

    How do I make JotForm compatible with jQuery Mobile?

    Asked by josh2000 on April 24, 2013 at 03:26 PM

    Hi -

    I'm developing a site with jQuery Mobile and found your online form builder just in time.  It's very smart.

    I inserted the code in the main html (not embedded with AJAX) in the contact us page but nothing appears.  I'm working with Dreamweaver so I have previewing capability as I work.  The form does not appear in the WYSIWYG or Preview in Browser via testing server.  I uploaded it for further testing here:

    http://newpixelcity.com/HMAN-M/

    ...and nothing appears where the form should be.

    I dropped the script into a normal, non-mobile html page and it displays perfectly but in the jQuery Mobile page it doesn't.

     So my question is - are there steps I should take to make my jQuery Mobile site compatible with JotForm??

    Thanks for your assistance.

    Josh L

    Page URL:
    http://newpixelcity.com/HMAN-M/

    JotForm Mobile Form Builder online form builder online form
  • Profile Image
    JotForm Support

    Answered by Welvin on April 24, 2013 at 04:05 PM

    Hi Josh,

    The form actually works on the page. Here's a screenshot: https://shots.jotform.com/welvin/screen/e5pcq7gia2.png.

    Mobile Screenshot: https://shots.jotform.com/welvin/screen/upfo7t1g0b.png

    One thing is that, the fields are not well formatted on mobile devices. I suggest you to embed the form using our iframe method: How to Get Form iFrame Codes

    Thanks

  • Profile Image

    Answered by josh2000 on April 24, 2013 at 04:29 PM

    Welvin - thanks.

    Yes.  After I asked the question I did eventually figure out to go to the Setup & Embed page and I selected the Dreamweaver icon for the code.  I still have a lot of work to do on that code though.  For example: the Country selector is in the code even though I do not have it on my form.

    Now I'm back in your editor trying to tweak it more and then will try your advice on How to Get Form iFrame Codes.

    Thanks again.

    Josh

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 24, 2013 at 05:13 PM

    Hi Josh,

    You can simply delete the country code on the source code, that should removed it.

    Feel free to message us anytime you need assistance with your form. Thank you!