There is no doubt people are using the web more and more on devices with smaller screens than you have at home on your desk, on your laptop, or even your “tablet” device. Wufoo forms already look great on the iPhone, but now we’ve recently pushed out some changes that make Wufoo forms work better on any small screen.
##Hosted Wufoo Forms
For forms directly on wudev.com, they have an appropriately sized fixed with:
But that fixed size didn’t suit small screens very well. Now we’ve tweaked things so that on smaller screens, the form simply utilizes all available width, without the spacing and background. Here’s a Wufoo form on a Galaxy Nexus:
##Embedded Wufoo Forms
Forms that you embed onto your own sites have always worked pretty well across different available widths. They simply fit snuggly into whatever horizontal space is available.
There was one little hiccup though, and that’s if the screen was resized after the page had loaded. If the screen became narrower, there was a chance that text on the form would wrap, pushing things down and sometimes, sadly, hiding the form’s vital “Submit” button.
We’ve fixed this issue, and the `iframe` that contains the Wufoo form will resize to the appropriate height, and the submit button will always be safely visible!
If you’d like to see this in action, visit this page and resize your browser window.
##Remember, you can control the CSS!
You are ultimately in control of how your form looks. For those of you with some CSS skills, you can apply custom CSS to your form. If you have specific needs for how you’d like your form to look on screens of different sizes, you can apply responsive design techniques through your custom CSS to control that.