iPhone & GS3 break my responsive form...
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?
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?
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
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
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<a href=\"http://glenedsoccer.com/tryout2013_exported/tryout2013.php\" title=\"tryout2013\">Check out my CoffeeCup Form</a>%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">
<a href="tryout2013.php" title="tryout2013">Check out my CoffeeCup
Form</a>
</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
<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<a href=\"http://glenedsoccer.com/tryout2013_exported/tryout2013.php\" title=\"tryout2013\">Check out my CoffeeCup Form</a>%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">
<a href="tryout2013.php" title="tryout2013">Check out my CoffeeCup
Form</a>
</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
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">
<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
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
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
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
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.