- Patrick4174Asked on August 24, 2012 at 02:57 PM
I recently launched a form "pet care intake form" and was very happy with it. However a customer told me that it doesn't work propertly when using google chrome or the safari browser. I use firefox most of the time so I didn't think to check that, but I did just check it and she is right, the form is all messed up in both safari and chrome. Images attached. What can be done? Pic attached.Page URL:
- jeanettebmzAnswered on August 24, 2012 at 03:19 PM
I see you have just placed the direct link of the form. I would suggest you to use either the embed or iFrame code to make it to work in all of the browsers.
Please check this user guide section, for further details
- Patrick4174Answered on August 26, 2012 at 06:36 PM
Thanks for that quick response. I tried both of those things and the problem remains. See the screen shot, with the non-functional but embeded form below
- JotForm SupportjonathanAnswered on August 26, 2012 at 06:59 PM
Have you tried changing the form embed code to its iframe code instead as already suggested?
Please see screen, it is using the 'script' code. You need to change this to iframe code.
- Patrick4174Answered on August 27, 2012 at 08:24 AM
- JotForm SupportjonathanAnswered on August 27, 2012 at 08:33 AM
What I meant was to use the iframe code of the form (as also suggested by jeanette previously). Here is the guide on how to get the form's iframe code
Are you able to get the form's iframe code if you follow this guide and use it on your website?
Will await your updates.
- Patrick4174Answered on September 01, 2012 at 04:45 PM
I did do this, yes and thanks, but it still doesn't fix the problem. I don't need to upload a screen shot because it is unchanged in Chrome.
- JotForm SupportDeygusAnswered on September 01, 2012 at 07:10 PM
Hmm, I apologize and I see this is becoming a frustrating problem. Don't worry though, we will do our best to help you until a proper solution is found.
Have you tried using one of these codes:
1) - Type the following CSS code in the div tag to add a scroll bar to the element if text overflows:
or 2) - If you want to clip the text and leave out the scroll bar, use the following CSS code instead:
See how that all works out by trying to add one of those into your script for your iFrame to see if it corrects the problem since the text is pretty much overflow once you click on next. Let me know how it goes.