I have 3 forms on this site: http://graceplaceministryinc.org/. The site is a WordPress site. Forms built with Web Form Builder Version 2.5 Build 5435.

The forms work perfectly on a PC. On some (not all, strangely) mobile devices the forms will not allow you to "Submit" the form. You can fill out the form, but when you click submit - it simply boots you off the page and clears the form - nothing is submitted - no error message. The page just refreshes and the form is empty. This problem has occurred on two different types of Android phone and all iPhones that we've tested it on.

Here is the markup as it appears on one of the forms (Application):

<iframe id="fb_iframe" style="border: none; background: transparent; overflow: hidden; width: 100%;" src="http://graceplaceministryinc.org/Application%20for%20Grace%20Place/Application%20for%20Grace%20Place.html" width="300" height="4804">
<a href="http://graceplaceministryinc.org/Application%20for%20Grace%20Place.php" title="Application%20for%20Grace%20Place">Check out my CoffeeCup Form</a>
</iframe>

I asked this question of support, but was told they do not support this.

Hi Eric,
Try renaming your forms so they don't use any spaces in the naming.

I can try that - but I have many other forms on other sites - I just looked at a couple of them - both of these below have no spaces in the naming. These two and the original one in question are all in WordPress with custom themes all built with Artisteer.

First - this one works fine - all content displays with no scroll bars: http://bellamybrothers.com/contact/

Second - this one shows only the small square and must be scrolled: http://carol-cafe.com/jobs/

I talked with a friend who is a WordPress expert told me this - (which I find a little disturbing, because if he's correct...then these forms built with Web Form Builder are not as advertises "The end result is a form that looks perfect on every device, every time"):



Is he correct?

Those statements are not correct Eric. Form Builder creates fully responsive forms, and we do use JavaScript for that process. You just removed that part and only went with the <iframe> for what is on your page and made many other custom changes. These changes are most likely what is causing the problem.

If you export your form again, you will see a <script></script> markup before the <iframe> and that the width is set to 100% with no fixed dimension. Only the height has one which is based on the actual height of your form.

We have used Form Builder very effectively with Wordpress for many years, and it always has been 100% responsive and functional.

Eric,

Go look at your source code. On the Bellamy Brothers form you only have the 100% width set and a fixed height but on the Carol Cafe site you have the 100% width set and you also have a width set at 300.

Compare your iframe code on each site. The settings are different. I'm not an 'expert' but it looks like you have an added dimension in the form that doesn't work without scroll bars.