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

    submit button and last field not showing up

    Asked by rmogul on March 06, 2014 at 10:08 PM

    Hi, I am getting reports from my students that the submit button and last entry field are not showing up.  The problem 'seems' to be on PC's, and not Macs.  Everything is fine on my computer, which is a Mac.  Anyone else experiencing this?

    Page URL:
    http://www.csupomona.edu/~rmogul/cpp/elementsproject.html

    and Reports problem pc
  • Profile Image
    JotForm Support

    Answered by TitusN on March 07, 2014 at 02:23 AM

    Hello,

    Thank you for contacting us.

    Yes, it appears that the form does get cut off for PC's

    This is because when you examine the code of your page, you will find that the height of the container that you have created for the form it's too small.

    Your form's height is 2404px while the container's height is 1921px. See the code below:

    It seems Safari is correcting this anomaly using a smart feature...

    Anyway...

    I propose two solutions:

    1.Change the height of the div container on your page (div class = com-apple-iweb-widget-HTMLRegion) to 2404px

    2. Use the Iframe code below and replace it with what you have embedded on your page:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//jotform.us/form/32600324191139" frameborder="0" style="width:100%; height:2304px; border:none;" scrolling="yes"></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>

    The latter adds scroll bars so that form users can scroll to areas that are not visible on some browsers:

    Let us know if this helps.

  • Profile Image

    Answered by rmogul on March 10, 2014 at 01:37 PM

    I ended up adjusting the frame size within iWeb, and I think it worked.  The iframe code gave me some wonky result, prob because I forget to mention which exact table I was working with.  thanks for your help!!