Reduce space at the top of a web page with an embedded PDF form

I have several embedded PDF forms on my web page. They all have a normal amount of space at the top of the page except for one. You have to scroll down a ways to even find the form. How do I get rid of the extra space? Why is it different than my other forms?

Here is the link to the web page where the form is embedded: https://www.rosecityrowing.org/programs/FeeWaiver.php

Here is the link to the JotForm: https://form.jotform.com/202517702886055

This happens because of the Length/height of the form.

To resolve the issue, you can change the height on the iframe code and enable set Scrolling to "yes".

<iframe title="Fee Waiver Application" src="" allowtransparency="true" allow="geolocation; microphone; camera" allowfullscreen="true" name="202517702886055" id="202517702886055" style="width: 10px; min-width: 100%; display: block; overflow: hidden; border: none; height: 700px;" scrolling="yes"></iframe>

Another alternative is to add page breaks to the form to make it shorter

Kindly try these and let us know should the issue persists.

Thank you. I have never used the iFrame so not sure how to do this.  Do I copy all this code to my web page and then make changes there?  Does this replace the script?










On 09/30/2020 5:26 PM JotForm <noreply@jotform.com> wrote:











A new response has been received:






Answered by
Jimmy_D


This happens because of the Length/height of the form.
To resolve the issue, you can change the height on the iframe code and enable set Scrolling to "yes".
<iframe title="Fee Waiver Application" src="" allowtransparency="true" allow="geolocation; microphone; camera" allowfullscreen="true" name="202517702886055" id="202517702886055" style="width: 10px; min-width: 100%; display: block; overflow: hidden; border: none; height: 700px;" scrolling="yes"></iframe>
Another alternative is to add page breaks to the form to make it shorter

Kindly try these and let us know should the issue persists.






View this thread on browser »
Unsubscribe Thread


1601512013
...

Hi,

You can use the iframe code below and let us know if it works better.

 <iframe id="JotFormIFrame-202517702886055" title="Fee Waiver Application" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/202517702886055" frameborder="0" style=" min-width: 100%; height:539px; border:none;" scrolling="yes" > </iframe> 

OK, this worked! When I try to copy this from the iFrame section on the embed screen, there is a bunch of javascript text after the iFrame code. I had to delete all that to get it to work. Is that OK or will that have some other impact?

I am glad to know it worked.

Removing the JavaScript Code will not impact the form in any way.

Feel free to reach out to us should you have any questions or concerns.

Regards,