Using Wufoo Forms in Fixed Height Containers

Does your website’s layout have an area you would like to use a Wufoo form, but that area has a **fixed height**, i.e., a size that cannot grow taller or shorter depending on the content inside? If you are in this position, you can still use a Wufoo form! Wufoo forms adjust themselves in height by default, but you can override this, set a fixed height, and allow your form to have a **scrollbar** very easily.

Scrollbar Forms

###JavaScript embed code adjustments

The trick here is changing the value of the `autoResize` parameter to false and changing the `height` parameter to your desired height:

<script type="text/javascript">var host = (("https:" == document.location.protocol) ? "https://secure." : "http://");document.write(unescape("%3Cscript src='"   host   "' type='text/javascript'%3E%3C/script%3E"));</script>

<script type="text/javascript">
  var x7p4s5 = new WufooForm();

    /* Changed to FALSE for scrollbars */

    /* Setting a fixed HEIGHT */


Now the automatic height resizing of the form will stop, it will be of a fixed height, and if the form is (or ever becomes) taller than the fixed height, there will be scrollbars allowing the entire form to be seen.


Add a Reply

You may use HTML for style.