Embed frevvo on mobile pages

frevvo’s forms and workflows already work well on mobile devices. They’ll automatically resize to fit your phone or tablet, the icons and controls will be slightly larger, long forms can be broken up into multiple pages etc. They just work without much tinkering if any.

But, customers want to embed them in their mobile web pages. Since the web page and form are usually served up from different hosts, we have to use an iframe. And iframes are notoriously difficult on mobile devices. It’s doubly tricky for us since the size of the form can change e.g. when the user selects a different Tab or expands/collapses a Section or clicks + to add a repeating item.

This slideshow requires JavaScript.

Fortunately, mobile browsers & devices have now evolved to where we can provide this to customers. As you can see from the slideshow above, frevvo’s own Contact form is embedded in our website and renders perfectly in an iframe on tablets and phones. The forms will resize automatically to the device width, they height will automatically increase if the form height changes (switch Tab, expand Section etc.) and device rotation will also work automatically. We’ll be rolling this out in the next few weeks and customers won’t have to do anything.

We’re also working on rolling out truly responsive forms on desktop browsers since we finally have no customers still using [the much-hated] IE8 and almost no one using IE9 either. But, that’s for another article.