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

    Forms not resizing for iphone.

    Asked by maxrigler on July 10, 2014 at 12:25 PM

    I am building a website in adobe muse, how do I get my forms to resize properly for the mobile version of my site? When I paste the iframe code the forms width is more than the iphone screen size. 

     

    Thanks 

    Screenshot
    My Forms iframe code size Mobile
  • Profile Image
    JotForm Support

    Answered by BDAVID on July 10, 2014 at 01:01 PM

    Please try adding the Mobile Responsive Widget on your form, under "Widgets" type "mobile", then drag and drop it in your form:

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image

    Answered by maxrigler on July 10, 2014 at 01:24 PM

    Then do I just iframe it as normal?

  • Profile Image
    JotForm Support

    Answered by david on July 10, 2014 at 01:29 PM

    Hi,

    Yes, you should be able to then frame it like normal.  The iFrame itself should resolve formatting issues however.  If you are still having this issue after using the widget, let us know and we will be happy to look at your iframe code to make sure everything is setup properly.

    Thank you for using Jotform!

  • Profile Image

    Answered by maxrigler on July 10, 2014 at 01:31 PM

    When I ran the widget it just cut the form in half without resizing it if that makes sense. 

     

    Here is the iframe code without the mobile response widget;

     

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/41876706437161" frameborder="0" style="width:100%; height:2127px; border:none;" scrolling="no"></iframe>

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

  • Profile Image
    JotForm Support

    Answered by BDAVID on July 10, 2014 at 01:57 PM

    Could you please share with us the URL of the page where the form is embedded? Please try the following:

    Embed the iFrame code, except everything between the <script> tags, so only embed what it is in the <iframe> tag, example:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.co/form/41900008337862" frameborder="0" style="width:100%; height:2350px; border:none;" scrolling="no"></iframe>