How can I remove the top and bottom gap in the new form layout?

  • sinan zakaria
    Asked on November 21, 2017 at 4:17 PM
    Still having issues, check out this video on what I am doing.
    https://www.useloom.com/share/94fe4bc5bf94464c8316865a5433c9a0
    --
    Sinan Zakaria
    e: sinanzakaria@gmail.com
  • Welvin Support Team Lead
    Replied on November 21, 2017 at 4:19 PM

    Please use the following iframe codes;

    <iframe id="JotFormIFrame-73201811884151" allowtransparency="true" src="https://form.jotform.com/73201811884151" frameborder="0" style="width: 1px; min-width: 100%; height:320px; border:none;" scrolling="no"> </iframe>

    This should work. If not, please update this thread. 

  • sinan zakaria
    Replied on November 21, 2017 at 6:43 PM
    Same thing sir: https://www.useloom.com/share/217f42dbed094b92ad8b02ffbe854033
    --
    Sinan Zakaria
    e: sinanzakaria@gmail.com


    ...
  • John_Benson
    Replied on November 21, 2017 at 8:58 PM

    Hi Sinan,

    Thank you for providing a video of the issue that helps a lot for us to better assist you.

    Unfortunately, there's no option to add a custom CSS code to remove the gap you're referring to the new form layout. 

    However, I can see in the video you shared, you just changed the height of the iFrame code. You also need to remove the script element below to avoid auto-resizing the form. Here's a screen animation guide:

    1511315632tw2ta Screenshot 10

    Please try it and let us know how it goes. Thank you.