Removing blank space on form embed

  • Herrmann_Florian
    Asked on September 10, 2019 at 1:18 PM

    We have a form embedded on a Wix site and it has a significant amount of blank space on the top and bottom and you have to scroll way down to actually see the button to click to begin filling out the form. Is there a way to remove the blank space OR remove that initial screen so you just go directly to the form instead of having to click the button first? 

  • Kevin Support Team Lead
    Replied on September 10, 2019 at 2:25 PM

    I would recommend you to reduce the height of the iFrame code where the form is embedded on, first follow this guide to get the iFrame code again: 

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    Then paste the code in a text editor and search the "height" property which should be set to "535px", note that you may change this value as you need. 

    Example: 

    <iframe

             id="JotFormIFrame"

             onDISABLEDload="window.parent.scrollTo(0,0)"

             allowtransparency="true"

             src="https://form.jotform.com/23456789"

             frameborder="0"

             style="width:100%;

             height: 536px;

             border:none;"

             scrolling="yes">

           </iframe>

    I hope this helps. 

  • Herrmann_Florian
    Replied on September 11, 2019 at 3:52 PM

    Thanks for the suggestion! Unfortunately, that did solve the issue of the blank space. Is it possible to not have the first screen that prompts the user to click the button to begin filling out the form? 

  • Kevin Support Team Lead
    Replied on September 11, 2019 at 4:07 PM

    Unfortunately, there is no way to turn off the first page for PDF forms. 

    I would recommend you to try removing the JavaScript part of the embed code and keeping the code between the <iframe></iframe> tags only. Try also changing the height value as suggested above and see if that reduces the embedded page size. 

    If the problem persists, let us know.