Form not displaying correctly in Google Sites

  • Profile Image
    VolvoParts
    Asked on April 11, 2012 at 04:22 AM

    I have embed the form following your instructions but the form does not display correctly.

     

    https://sites.google.com/site/specialpricerequest/

     

    The form address is http://form.jotformeu.com/form/21003347594348

  • Profile Image
    NeilVicente
    Answered on April 11, 2012 at 07:02 AM

    The URL you provided points to a non-existing Google Sites page. Can you please give us the correct URL so we can do our inspection and find out what's causing your issue?

  • Profile Image
    gori-mathew
    Answered on April 11, 2012 at 07:07 AM

    Hello,

    Sorry for the inconveniences caused. In addition to my colleague's response above. Try embedding this form using the Iframe embed code first before using other embed code options so that the entire form code does not interact with the website"s elements. You can find it in your Embed Form Wizard:

    Please delete the existing form source code and paste the iframe embed code of your form.

    You can visit these mail threads for more guides;

    http://www.jotform.com/answers/71236-embedding-on-google-sites

    http://www.jotform.com/answers/21077-Why-can-t-I-embed-my-form

     We hope you find this information useful. Please let us know if it works for you or not.

  • Profile Image
    VolvoParts
    Answered on April 11, 2012 at 07:39 AM
    Hi,
    This helps display the form properly, thank you. However, When view the web page in Internet Explorer I get a horrible border around the form (despite the iFrame code saying no border). It displays fine in Chrome.
    The webpage is https://sites.google.com/site/volvorequests/specialpricerequest
  • Profile Image
    Goldo
    Answered on April 11, 2012 at 08:00 AM

    Can you let us know what Internet Explorer version you are using please? I checked your site using Internet Explorer 9 and Firefox and it displays fine.

    When using iFrame, you can adjust the width and height  to suit your websites design.

    Let us know if this isn't the case.

  • Profile Image
    VolvoParts
    Answered on April 11, 2012 at 08:02 AM
    Internet Explorer 8
  • Profile Image
    Goldo
    Answered on April 11, 2012 at 09:03 AM

    Please use the below code in embedding the form to your google site.

    <iframe allowtransparency="true" src="//jotformeu.com/form/21003347594348" frameborder="0" style="width:100%; height:888px; border:none;" scrolling="no">
    </iframe>

    You can use the HTML Editor in your Google Site.

  • Profile Image
    VolvoParts
    Answered on April 11, 2012 at 09:35 AM
    Hi,
    It appears that different methods have their own issues in different browsers.
    If I use your Google Sites Gadget the form does not load properly in Chrome but does in Internet Explorer 8.
    If I use iFrame the form loads fine in both Chrome and Internet Explorer 8 but the IE version has a horrible border than I cannot seem to get rid of.
    I have included both embedded version on the webpage for you to see.
    https://sites.google.com/site/volvorequests/specialpricerequest
    also, if I use the iFrame I have to click on a dialogue box in IE which I wish to avoid.
  • Profile Image
    NeilVicente
    Answered on April 11, 2012 at 02:59 PM

    @VolvoParts

    I am afraid there's nothing we can do about the unsightly border as the it (the border) is imposed by Google Site's HTML editor. Even if you embed an iFramed non-JotForm page, the border will still be there.

    As for the dialog box, it appears because you have embedded non-secure iFrame codes for the form. Since your Google Site page is using https, IE 8 will ask if you still want to display the non-secure JotForm page. To get around this, simply change your form URL to https.

    In my humble opinion though, it is best that you go the "gadget" route. I don't see any problem with it anyway (using Chrome) other than the form getting cut off to the right and at the bottom.

     

    If this is exactly what you're concerned of, you can easily change the height and width of the gadget to accomodate the form's size.