What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to add a padding top to that Thank You message?

    Asked by melodicsounds on September 12, 2016 at 09:10 PM
    How to add a padding top to that Thank You message?
  • Profile Image
    JotForm Support

    Answered by Chriistian on September 13, 2016 at 12:28 AM

    It looks like your forms are redirecting to a custom Thank You page instead of the default Thank You message. This means after your form is submitted, the user will be redirected to the custom page as seen below. You will not need to add a padding top css to this page.

    However, if you choose to use the default Thank You page instead of your current custom page, then you can inject the custom CSS code below to your form to achieve your requirement.

    div#stage {

        padding-top: 1100px;

    }

    After doing so, the default Thank You page will then be seen at the bottom of the iFrame.

    If you need further assistance, please let us know.
    Regards.

  • Profile Image

    Answered by melodicsounds on September 13, 2016 at 05:47 PM

    I meant in other form. See here: http://www.medly.mx/basico-primeros-pasos please fill in the form and see how the Thank You message appears on top of the page so you are user see a white page a need to scorll up to see the Thank You.

     

    https://form.jotform.com/62555329075965

  • Profile Image
    JotForm Support

    Answered by Mike on September 13, 2016 at 08:10 PM

    Please do a test by replacing the form embedding code with an iFrame version to see if that helps with the Thank You page scrolling.

    Getting the form iFrame code

    Thank you.

  • Profile Image

    Answered by melodicsounds on September 19, 2016 at 08:23 PM

    So I've added the IFRAM and the Thank You message still appears on top of the page not where the last scroll of the user (near the Send button) should appear. 

  • Profile Image

    Answered by melodicsounds on September 19, 2016 at 08:27 PM

    Note: my website is made with WIX.

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 19, 2016 at 09:58 PM

    I sent a test submission to your form and I was able to see the issue you were referring to. To resolve this, please inject the custom CSS below to your form. This should make the Thank You page appear on the last scroll of the user.

    div#stage {

        padding-top: 750px;

    }

    If you need further assistance, please let us know.
    Regards.

  • Profile Image

    Answered by melodicsounds on October 06, 2016 at 08:23 PM

    This worked fine! can you give me the exact px for this following forms too please? they are the same but with more fields.

     

    https://form.jotform.com/62555497487978

     

    and

     

    https://form.jotform.com/62555316206957

  • Profile Image
    JotForm Support

    Answered by Chriistian on October 06, 2016 at 09:53 PM

    The two forms appear to be similar, so you can inject the custom CSS code below into both forms to increase the padding of their Thank You pages:

    div#stage {

        padding-top: 1200px;

    }

    Please let us know if you need further assistance.
    Regards.