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.
My forms are not responsive on mobile!Asked by bhoytstern on September 13, 2015 at 11:31 PM
I've been trying to embed my form on my website but it's not responsive on mobile. I've set it to be responsive on the designer and in the preferences, but it is still not responsive. I am trying to embed it within a modal. The modal seems to be responsive, but the form is not. I've attached a screenshot to show the problem. I've really been struggling with this and I haven't found any other solutions on here that work!
This specific form that I'm working on now is: http://form.jotform.me/form/52528435583461
The forms are on my website: http://www.tailoronten.com/pages/trunk-show-3
The code I am using is:
<div class="boxed"><a data-toggle="modal" data->
<h1 style="float: top;">RSVP</h1>
<div class="modal fade bannerformmodal7" tabindex="-1" role="dialog" aria-labelledby="bannerformmodal7" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.me/form/52528435583461" frameborder="0" style="width:100%; height:100%; border:none;" scrolling="no"></iframe>
My Forms Mobile not responsive JotForm problem style height
Your sample code provided in your post looks like an iFrame embed code, and I can't see such code anywhere on your page at the moment. Could you set up a test webpage where we could help you troubleshoot it, and look into making the embedded form mobile responsive for you if possible?
Your form itself is already made responsive when accessed directly over its link: http://form.jotform.me/form/52528435583461
If you wish to make your forms open in a modal window, when your users click on a link, I would recommend trying our Lightbox embed method, and removing any settings from its width:
I hope this helps.
that's old one. It's not working now.
This is indeed an old thread, which means the suggestion may now be different for newer forms. I see that you have already posted a thread about the mobile responsiveness of your form. We shall assist you with your concern over that thread. Simply follow this link: https://www.jotform.com/answers/847887