iPhone & GS3 break my responsive form...

User 2330088 Photo


Registered User
50 posts

Built a form using responsive theme

http://glenedsoccer.com/club/tryouts/registration/

Works as its supposed to EXCEPT for two things
1) the iPhone breaks the width, (form shows up outside the overall theme)
2) Galaxy S3 built in browser wont show the additional question that should pop up below the question "Is Child Currently Playing" There should be another question pop up depending on what the answer is.

what gives? anyone have any insight?

User 187934 Photo


Senior Advisor
20,271 posts

As far as the height thing goes I see you have two different heights declared in the form embed script. They should be the same. Might fix both problems because the lack of height gives the form no where to respond to.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2330088 Photo


Registered User
50 posts

Thanks Eric but i don't see that, here is the script exactly as posted ,

<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"http://glenedsoccer.com/tryout2013_exported/tryout2013.php" + window.location.search + "\" width=\"100%\" height=\"2748\" allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"http://glenedsoccer.com/tryout2013_exported/tryout2013.php\" title=\"tryout2013\"&gt;Check out my CoffeeCup Form&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
<iframe width="100%" height="2748" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="http://glenedsoccer.com/tryout2013_exported/tryout2013/tryout2013.html">
&lt;a href="tryout2013.php" title="tryout2013"&gt;Check out my CoffeeCup
Form&lt;/a&gt;
</iframe>
</noscript>

I did change the height (from 1763 to 2748) to see if that made a difference but it did not so i put it back to 1763
User 187934 Photo


Senior Advisor
20,271 posts

Then your responsive script is altering it. I didn't look at the source I was looking with FX Firebug so it must have altered the iframe height.
<iframe id="fb_iframe" scrolling="no" height="1726" frameborder="0" width="100%" allowtransparency="true" src="http://glenedsoccer.com/tryout2013_exported/tryout2013.php">
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2330088 Photo


Registered User
50 posts

I'll;l double check with firebug as well to make sure. That still doesnt solve the issue with the GS3 not showing the questions properly
User 187934 Photo


Senior Advisor
20,271 posts

I think that its a script conflict. I check it on my I phone and I get the Reader available in the url bar. I've never seen that before on a page with such minimal text.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.