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 reduce the height of Thank you page?

    Asked by kindwall on January 18, 2016 at 12:51 PM

    Have embedded an image upload form into the product options portion of a volusion product page and it works fine. However, when the image is uploaded a very tall image saying "Thank you! Your submission has been received" and it pushes the following product options and the Add to Cart button way down on the product page. Is there anyway that I can edit the "Thank You" image so it is not so huge?

    Page URL:
    http://www.churchnursery.com/product-p/704-369-2116-1.htm

    thank product add to cart and
  • Profile Image
    JotForm Support

    Answered by Kiran on January 18, 2016 at 03:13 PM

    You can adjust the height of the Thank you page by adding the following CSS to the HTML code of Thank you page. Please follow the steps below :

    1. Click on Thank you page icon to open Thank you page wizard

    2. Click on Edit Text button on the bottom-right corner

    3. Now, click on Source icon from the editor screen

    4. Add the following code to the Thank you page div.

    min-height: 100px !important

    5. Click on Ok to save and close the Source code screen

    6. Click on Save Changes on wizard to save the Thank you page

    7. Save your JotForm.

    You may adjust the height px value as per your requirement.

    Please get back to us if you need any further assistance. We will be happy to help. 

  • Profile Image

    Answered by kindwall on January 18, 2016 at 04:54 PM

    Thanks so much for replying so quickly! Impressive customer service!

    When i opened the source code for my forms Thank You I do not see the entire code that you showed on your example. This is the code I see:

    <p style="text-align: center;"><span style="font-size: 12pt;"><strong>Thank You!</strong></span></p>

    <p style="text-align: center;"><strong>Your submission has been received.</strong></p>

     

    Where would I insert the code you provided? Or you could just copy the code, make the change and include the complete updated code for me to past into the source code window. :)

  • Profile Image
    JotForm Support

    Answered by Kiran on January 18, 2016 at 06:24 PM

    I've tried making changes to your JotForm and it seems that the height of the form is being set by iframe and couldn't edit the height of the iframe.

    Could you try replacing the current embed code to Iframe embed code? Please refer to the guide below for getting the iframe embed code for your JotForm:

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

    Please get back to us if you need any further assistance. We will be happy to help. 

  • Profile Image

    Answered by kindwall on January 19, 2016 at 09:32 AM

    Switching to the iFrame code solved this problem for me! Thanks!

  • Profile Image
    JotForm Support

    Answered by Kiran on January 19, 2016 at 10:38 AM

    Great! Glad to see that the issue is now resolved for you. Please do not hesitate to get in touch with us if you need any further assistance. We will be happy to help. 

    Thank you for using JotForm!!