The form does not work in Google Chrome or Safari....

  • Profile Image
    Patrick4174
    Asked on August 24, 2012 at 02:57 PM

    Hi,

    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.

  • Profile Image
    jeanettebmz
    Answered on August 24, 2012 at 03:19 PM

    Hi Patrick

    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

  • Profile Image
    Patrick4174
    Answered on August 26, 2012 at 06:36 PM

    Hi Jeanette,

    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

  • Profile Image
    jonathan
    Answered on August 26, 2012 at 06:59 PM

    @Patrick

    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.

  • Profile Image
    Patrick4174
    Answered on August 27, 2012 at 08:24 AM

    Hi Jonathan,

    From what I understand You can't change a script into <iframe> You could wrap the script inside of an <iframe> tag like this:

    Original: <script type="text/javascript" src="https://secure.jotform.us/jsform/21788046633156"></script>
    With <iframe>: <iframe><script type="text/javascript" src="https://secure.jotform.us/jsform/21788046633156"></script></iframe>

    When I used iframe, the form didn't load at all.
    So I just used plain script.
    Am I doing it incorrectly?
    Here is a screenshot of the code.

  • Profile Image
    jonathan
    Answered on August 27, 2012 at 08:33 AM

    Hi Patrick,

    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

    http://www.jotform.com/help/148-How-to-get-your-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.

    Thanks.

  • Profile Image
    Patrick4174
    Answered 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.

  • Profile Image
    Deygus
    Answered 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:

    overflow:scroll;

    or 2) - If you want to clip the text and leave out the scroll bar, use the following CSS code instead:

    overflow:hidden;

    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.