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

    Problem with form once published

    Asked by ReikiRob on June 13, 2017 at 04:09 AM

    Hi .... When I've published my form https://form.jotformeu.com/71614398384364 using the embed code function on my webpage it cuts the bottom off the form .... and importantly this hides the Submit button rendering it useless!

    Have I gone wrong somewhere?  Thanks

     

    Page URL:
    http://www.robfellowsreiki.com/affiliates-enrolment-form-distance-heal<br/>ing/

  • Profile Image

    Answered by WilliamR on June 13, 2017 at 04:38 AM

    Hi,

    Not sure why it was cutting off in your site. Anyway, can you try to add this CSS code in your website.

    .form-section {
        height: 1200px;
    }

    Let me know if that works for you.

    Thanks

  • Profile Image

    Answered by ReikiRob on June 13, 2017 at 05:05 AM

    Thanks William .... but not sure how I would actually do that!!!

  • Profile Image

    Answered by WilliamR on June 13, 2017 at 05:17 AM

    Hi,

    Since you are using Wordpress, then add this under style.css of your theme's file.

    To get there, login to your Wordpress Dashobard.

    1. Hover your mouse to 'Appearance', and click on Editor

    2. By default, it will open style.css page. If not, then locate style.css page on the right hand corner of your screen. Then add the code on the bottom part of your site.

     

    Let me know if you need further assistance setting it up.

    Thanks

  • Profile Image

    Answered by ReikiRob on June 13, 2017 at 06:20 AM

    Unfortunately that hasn't worked! 

  • Profile Image

    Answered by Saccarab on June 13, 2017 at 07:23 AM

    Hey Rob,

    Could you try using the code below instead of the embedded code you previously used?

    <iframe id="JotFormIFrame-71632440523953" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/71614398384364" frameborder="0" style="width: 100%!important; height: 825px!important; border: none;" scrolling="yes"></iframe>

    This should provide you a scrollable inline frame which currently works on my test instance.

    Hope this helps.

    You could possibly fix the issue in a more elegant way but that would require some CSS styling on your website-end.

  • Profile Image
    JotForm Support

    Answered by BJoanna on June 13, 2017 at 09:14 AM

    @ReikiRob 

    I have inspected your webpage and I saw that you have embedded your form with script code. Most likely there are some conflicts between your webpage scripts and JotForm scripts and because of that your form is cut off. Please re-embed your form with iFrame code to see if that will resolve your issue. Inside of this guide you can find how to get iFrame code of your form:

    Getting the form iFrame code

    Hope this will help. Let us know if you need further assistance.