- dherzAsked on January 26, 2013 at 04:59 PM
I have two questions:
1. At the end of the form there's a lot of space. Is there any way to reduce all that blank space?
2. When a user sends a new notification, all the text boxes and button dissapear, and then you get the message that says that it was succesfully sent.
The problem here is that my form is kind of big, so after clicking on the Send button, it stays there, where there's nothing. So you're under the impression that nothing happened, whereas the messages gets displayed up on top.
My question is. Is there any way to scroll up after sending the form so that the user can see the "message succesfully sent" label?
You can take a look to the site if you wish, and even send a test form to see what I mean.
Thanks a lot!Page URL:
- JotForm SupportjonathanAnswered on January 26, 2013 at 06:56 PM
Since you are using your forms iframe code to embed, please try reducing the given height parameter to 1880px to maximize the form's height/lenght.
use this guide How-to-get-your-Form-s-Iframe-Code
Please inform us should you have further inquiry.
- dherzAnswered on January 27, 2013 at 05:39 AM
Thanks a lot for you help. Unfortunatelly, it does not work. I have even tried to set up the height to 500px, or 100px, and does not event eleminate a bit of blank space. Any suggestions?
Also, is there any solution I could implement for point number 2 of my previous post?
Thank you so much again!
- pinoytechAnswered on January 27, 2013 at 10:01 AM
To fixed the said issue, I would suggest you to re-embed your form iFrame code in to your website page.
This is your Form iFrame code:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//www.jotformeu.com/form/23556924897370" frameborder="0" style="width:100%; height:1910px; border:none;" scrolling="no"></iframe>
Please delete browser cache and cookies also after re-embedding.
Thanks a lot for you quick response. I have followed every step you sent me. I did copy the code from my Jotform panel, and pasted into my WP page, changed the height value, and deleted browser chache and cookies. And even tried out using IE and Chrome. But it did not work. Still got the same amount of blank space.
I repeated the same procedure copying the hightlighted code that you sent me. I pasted it into my WP page, saved and deleted browser cache and cookies. It did not work either.
Any suggestions? I really appreciate your help!
- jeanettebmzAnswered on January 27, 2013 at 02:23 PMYour site is missing an important DOCTYPE declaration. Based on my tests, that is most likely the reason for the gap between the html divisions in your page
To solve this problem, please replace your current doctype declaration <!DOCTYPE html> with the one on this link
- dherzAnswered on January 27, 2013 at 02:56 PM
In that case, I'll contact the support team of my Wordpress template since I don't know how to insert that into Wordpress.
I'll get back to you if it does not work. Thanks you so much for you help! :-)