- webadminAsked on August 25, 2011 at 04:37 PM
I am using a small one-field form as a polling devise. You can see an example in this screencast (http://screencast.com/t/n1VLfiWAXL).
First, the form takes up more real estate than is needed and pushes the subsequent content down the page.
Second, when the thank you message is provided, which is a simple, plain-text "thank you" the form takes up even more space.
How do I force the form to minimize the real estate it consumes?
- JotForm SupportNeilVicenteAnswered on August 25, 2011 at 11:45 PM
I noticed that your form has conditionally hidden fields. Using a static iframe to embed it would push down and hide the submit button when this hidden field is shown.
Try using Embed codes instead of iFrame. This will also automatically resize the space taken up by the form when the hidden fields are shown and when the Thank You message is displayed.
To get your form's Embed codes:
1. Go to Setup & Embed tab
2. Click Embed Form
3. Click Embed
4. Copy the codes provided in the succeeding screen
Hope you find this useful. Kindly send us a message if you require further assistance. Thanks!
- webadminAnswered on August 26, 2011 at 12:06 PM
Thanks for the embed form suggestion. I have applied that solution to the page: http://reignministries.org/royal-servants/off-season/. But, you can see how much space the form takes. And. When the thank you message appears, it is a fixed size that is much larger than the form. How do I remedy these two situ's with the embed solution?
- JotForm SupportNeilVicenteAnswered on August 26, 2011 at 11:58 PM
Well, it looks the like Embed-generated iframe that holds the form and the Thank You message is set to a minimum height of 300 pixels.
With that in mind, kindly revert back to using the iFrame codes, then change these values in the code:
<iframe allowtransparency="true" src="//form.jotform.com/form/12331126530" frameborder="0" style="width:100%; height:100px; border:none;" scrolling="yes">
The height property of the iframe will be used both for the form itself and the Thank You message. You can change it to any value you prefer. We use scrolling="yes" so that the form will have scrollbars if needed.
Hope this sounds good to you.
- webadminAnswered on August 29, 2011 at 04:13 PM
Great. I will do that. Thank you for your help.