Iphone/Ipad pad issue - Post ID 210887

User 166871 Photo


Registered User
185 posts

I have a responsive template created with artiseer that I have embedded a coffee cup form , it all works fine... see it here http://tkeckle.net/seniors/contact-us.html

My problem is when it is viewed on an iphone or ipad the form will not open only about 10 lines show.

Works fine on a android device, and in the firefox responsive design tool...at all screen size and rotations. Something is interacting with ios and I just cannot find it....any help would be much appreciated.
Cayucostom
Vista Tom


User 187934 Photo


Senior Advisor
20,271 posts

I see the same problem in FX.:/
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 166871 Photo


Registered User
185 posts

FX????
Vista Tom


User 103173 Photo


VP of Software Development
0 posts

cayucostom wrote:
FX????

Firefox browser. I see it however in that browser fine, but the scrollbars appear.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 187934 Photo


Senior Advisor
20,271 posts

Reduce the browser window.;).
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 166871 Photo


Registered User
185 posts

I changed the jquery script to allow scrolling, which then makes the FF browser show scrollbars but then the responsive design tool and android will work at all sizes, without that change they don't work.. Interesting in Safari, IE9,IE10 and Chrome the scroll bars don't show...so much to learn and so little time!

A solution that Dave Edwards recommended and has working here:http://davidedwards.co.nz/contact.html
even though it is a lot of work, it seems to solve the issue.

Thanks for the input
Cayucostom
Vista Tom


User 166871 Photo


Registered User
185 posts

MY saga update....

Eliminated scrolling
Added the following to the responsive css file created by artiseer

.responsive .ewd-responsive-embed { height: 600px; padding-bottom: 10px; position: relative; }
made sure the height of form was reflected in code added by formbuilder


form now works on iphone, however when vertical chops about 20% from right side. looking for ideas?

Inger, Eric or Scott when you have a moment would you mind taking a look.or anyone else
http://tkeckle.net/seniors/contact-us.html

Thanks for the help
tom
Vista Tom


User 187934 Photo


Senior Advisor
20,271 posts

Looks good in FX when squeezed.:)
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 118588 Photo


Registered User
36 posts

Hi,
here's a link to the way I set-up that form.
http://davidedwards.co.nz/coffeecupform … ions.xhtml

Maybe it will help.

Cheers
User 187934 Photo


Senior Advisor
20,271 posts

We suggested this for another user having a different problem. Thanks for putting up some clear directions Dave.:)
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.