Problem with form once published

  • ReikiRob
    Asked on June 13, 2017 at 4: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-healing/
  • WilliamR
    Replied on June 13, 2017 at 4: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

  • ReikiRob
    Replied on June 13, 2017 at 5:05 AM

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

  • WilliamR
    Replied on June 13, 2017 at 5: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
    Problem with form once published Image 1 Screenshot 30

    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.

    Problem with form once published Image 2 Screenshot 41

     

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

    Thanks

  • ReikiRob
    Replied on June 13, 2017 at 6:20 AM

    Unfortunately that hasn't worked! 

  • Saccarab
    Replied on June 13, 2017 at 7:23 AM

    Hey Rob,

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

    <iframe id="JotFormIFrame-71632440523953" onDISABLEDload="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.

    Problem with form once published Image 1 Screenshot 20

    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.

  • BJoanna
    Replied on June 13, 2017 at 9: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.