Eliminating empty space at bottom of form after form is submitted.

  • Profile Image
    contractoracademy
    Asked on February 18, 2018 at 08:51 PM

    I'm am no coding wizard and have been doing some research with very little luck. I am using an embedded iframe in my Squarespace site. Form works great, but after the form is submitted, I have it set to show a "Thank You" page. This creates a large empty space from "Step:1" to Step"2". 

    Screen shot is zoomed out to show full page (site is not yet live). I'm worried customers will not follow proper steps for registration. 


    Thanks!

  • Profile Image
    york
    Answered on February 19, 2018 at 07:17 AM

    Hi, it would be a bit complicated to automatically change height of the iframe tag after the submission.

    I used Squarespace embed code instead of regular iframe embed code: https://www.jotform.com/help/37-Adding-a-form-to-Squarespace 

    I also removed padding and margin from the necessary elements in the form. It looks a bit better now.

    1519042446test.gif

     

    You can do the same by injecting the following CSS code to your form

    .form-all, .jotform-form, html, body {

      padding: 0;

      margin-top 0;

      margin-bottom: 0;

    }

    A guide on injecting custom CSS: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes