How to adjust thank you iframe height?

  • maivutan
    Asked on June 30, 2015 at 8:52 AM

    It's too small, can't see the description.

    Jotform Thread 599753 Screenshot
  • Kiran Support Team Lead
    Replied on June 30, 2015 at 11:50 AM

    As I test submit your JotForm using the direct link it seems to be working fine. However, since the form is embedded on your webpage, you may need to add some CSS code to your thank you message to adjust the height. Please follow the steps below :

    1. Click on Thank you icon on the tool bar and then Thank you Message to open the wizard

    2. Now, click on HTML icon on the top right side of the toolbar on the message window.

    How to adjust thank you iframe height? Image 1 Screenshot 30

    3. Now, add the following code in the new HTML window opened as shown below. 

     min-height=300px !important

    How to adjust thank you iframe height? Image 2 Screenshot 41

    4. Click on Update and Finish the wizard.

    5. Save your JotForm.

    Hope this information helps. If the issue still persists, please get back to us with the webpage URL where the form is embedded so that we can take a look and provide you with necessary assistance further.

    Thanks!!

  • maivutan
    Replied on July 1, 2015 at 10:05 AM

    Can you give me the full HTML code? It's a blank for me.

    http://screencast-o-matic.com/watch/coiVIRf3RX

  • Ben
    Replied on July 1, 2015 at 11:06 AM

    Thank you for the screencast. I am not sure why it is loading empty for you, it should not be so.

    Based on the screencast it seems that the form is: http://www.jotform.me/form/51692881236462

    Now this is the entire HTML code in that thank you page:

    <p>&nbsp;</p>
    <div style="text-align: center;">
    <h1>Thank you, {username}!</h1>
    </div>
    <div style="text-align: center;">Your financial&nbsp;profile will be updated soon.</div>
    <div style="text-align: center;"><strong>Transaction ID:</strong> {id}</div>

    What my colleague has suggested is to change it to look like this:

    <p>&nbsp;</p>
    <div style="text-align: center; min-height=300px !important">
    <h1>Thank you, {username}!</h1>
    </div>
    <div style="text-align: center;">Your financial&nbsp;profile will be updated soon.</div>
    <div style="text-align: center;"><strong>Transaction ID:</strong> {id}</div>

    Do let us know how it goes.

  • ElectriCruz
    Replied on September 7, 2015 at 2:37 PM

    I am trying to adjust the Thank You iframe min-height however I can not find the HTML button on the Thank You wizard. I will insert a collage of screenshots to further explain.

    How to adjust thank you iframe height? Image 1 Screenshot 20

    How do I access the Thank You wizard's HTML?

    Thank you!

  • BJoanna
    Replied on September 7, 2015 at 4:05 PM

    @ElectriCruz 

    We have new Thank You page wizard. Inside of new wizard click on Source code option if you want to change code for Thank You page. 

    How to adjust thank you iframe height? Image 1 Screenshot 20

     

  • becshall73
    Replied on September 23, 2015 at 7:55 AM

    I have tried inserting min-height=300px !important  as suggested above, but although the thank you page seems to save, when I go back into the HTML it isn't there any more.
  • Kiran Support Team Lead
    Replied on September 23, 2015 at 10:35 AM

    @becshall73,

    Your query is moved to a separate thread and shall be addressed there shortly.

    http://www.jotform.com/answers/668644

    Thank you!