why does my form's (submit & reset) flows outside where I cannot see the buttons?

  • maxiimusresume
    Asked on August 19, 2014 at 12:12 AM
  • Ashwin JotForm Support
    Replied on August 19, 2014 at 4:38 AM

    Hello maxiimusresume,

    Please share your web page URL where you have embedded your form and we will take a look. Form with it's direct URL will always display your form in full length.

    Please share your web page URL and we will surely help you resolve this issue.

    We will wait for your response.

    Thank you!

  • maxiimusresume
    Replied on August 19, 2014 at 10:50 AM
  • Ashwin JotForm Support
    Replied on August 19, 2014 at 12:01 PM

    Hello maxiimusresume,

    Increasing the height of your iFrame should help you. Please use the following iFrame embed code and that should solve your problem:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/42304200574139" frameborder="0" style="width:100%; height:710px; 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>

    Hope this helps.

    Do get back to us if the issue persists.

    Thank you!

  • maxiimusresume
    Replied on August 19, 2014 at 12:14 PM

    Nope.  this didn't help.  it shows the buttons but when I go to upload documents, it pushes those buttons further down where it becomes practically invisible and useless.

    You can try to upload a file and see what I mean

  • maxiimusresume
    Replied on August 19, 2014 at 1:58 PM

    LOL.  I had tried different height values.  Anywhere from 700px to 1200px but somehow the page does not display such height value and the buttons still continues to disappear upon uploading the file.

  • Kiran Support Team Lead
    Replied on August 19, 2014 at 2:26 PM

    As I inspect your webpage code, I do not see any other scripts that can conflict with the form scripts. Hence I request you to try embedding the form into the webpage using normal script method to see if the issue is resolved.

    <script type="text/javascript" src="//form.jotform.us/jsform/42304200574139"></script>

    As I test it on my pc, it works perfect. Please see the recorded session below :

    why does my forms (submit & reset) flows outside where I cannot see the buttons? Image 1 Screenshot 20

    Please get back to us if you need further assistance. We are happy to assist you.

  • maxiimusresume
    Replied on August 19, 2014 at 3:17 PM

    Yes it works for me too.  BUT....

    It takes about 3-5 seconds to load the page.  It's not instant like it was prior to editing the code with script.  What other options do I have? 

     You can check it out as well

  • David JotForm Support
    Replied on August 19, 2014 at 5:12 PM

    Hi,

    It actually loads very quickly for me.  The forms does load the widgets after the rest of the form, which causes a bit of delay when loading.  In this case, it is the captcha being generated that seems to be slowing the form down on load.  This only seems to happen to me one in every 10 times I load the page.  Other than that, the form and page load quickly and properly and everything appears to be working well.  Here are our options for embedding:

    http://www.jotform.com/help/67-Which-Form-Embed-Code-Should-I-Use

    If you do not need the captcha, removing it would likely remove the lag time on loading.

  • maxiimusresume
    Replied on August 19, 2014 at 5:26 PM

    I could potentially remove captcha but then should I continue using the script coding or switch to Dreamweaver coding since I use Dreamweaver for all my web development projects?

  • David JotForm Support
    Replied on August 19, 2014 at 5:50 PM

    The removal of the captcha should not affect the embed code at all.  You would need only remove it in the JotForm form builder and it would not longer load.  I do not believe it would matter which coding environment you use.

  • maxiimusresume
    Replied on August 19, 2014 at 5:53 PM

    OK.  In that case I will leave the code intact and just remove captcha from jotform

  • Kiran Support Team Lead
    Replied on August 19, 2014 at 7:17 PM

    As I see your webpage, it seems that the issue is resolved now. Please do not hesitate to get back to us if you need further assistance. We are happy to assist you.

    Thank you for using JotForm.

  • maxiimusresume
    Replied on August 19, 2014 at 7:32 PM

    Yes, thank you all.  I just wished jotform was a bit more fluid in respect to each element and font's and other characteristics.  I know I have been using the free version and I always contemplate to go paid version or not.  My reluctance has always been, the fluidity of the form and the users having full control over each aspect of the element.  Each element and it's property to be completely independent of each other.

    That change would make me a convinced and become a paid member for life.  I love jotform but would like to see more control to users via drag-drop and GUI modifications.  I understand there is always INJECT option but not all developers are guru's.  We are all novice and prefer easy way out...LOL

  • Elton Support Team Lead
    Replied on August 20, 2014 at 12:36 AM

    @maxiimusresume 

    Thanks for your kind feedback. We greatly appreciate it.

    We are actually planning on releasing a theme builder soon. Designing form elements is really made easier. Of course, inject CSS is always part of it for advanced customization.

    Please stay updated by visiting our blog section http://www.jotform.com/blog/. We will surely make a big announcement once it's released.

    Best Regards!