What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Embed Source Code issues

    Asked by brewerben on March 21, 2016 at 12:42 PM

    Hi I am trying to use the Embed Source code for my form in my website so that my website is not so slow. When I embed the source code the background of the form turns to white. Why is it not recognizing the css I have placed in the jotform editor. Below is an image of what is happening. Thank you.  

    Page URL:
    northtexas.ag

    Screenshot
    source embed source JotForm thank
  • Profile Image
    JotForm Support

    Answered by mert on March 21, 2016 at 01:01 PM

    Hi there,

    According to my tests on several browsers, I can see the background color is blue (#1970c0) which is fitted to your webpage. Please, see it from the below:

     

    Maybe, the issue is because of your browser's cache, so please open your browser's incognito mode and try to access the page again.

     

    In addition, I see some conflicts on your webpage, because you have embedded your form with script and iFrame embed code at the same time. So, please delete the script one and shorten the iFrame embed code by deleting the script part of it. As it is seen from the below, you don't need to take the whole structure of embed code, the content between <iframe>...</iframe> tags is enough to embed your form. (Following code is just an example, don't embed that one.)

     

        <iframe

          id="JotFormIFrame"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/53341292355958"

          frameborder="0"

          style="width:100%;

          height:800px;

          border:none;"

          scrolling="no">

        </iframe>

     

    Please, try this method, it will overcome the script conflict and please don't forget to let us know the results.

    Thanks.