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

    Code to make form's background transparent on IE8?

    Asked by optizign13 on April 15, 2014 at 12:53 PM

    Hello. When using Internet Explorer 8, my forms has a default white background all around the form. Is there a way to make it transparent? Thanks! 

    Page URL:
    http://optimized360.biz/dermpartnersbocaraton.com/testimonials/

    My Forms background Internet Explorer 8
  • Profile Image

    Answered by Carina on April 15, 2014 at 02:07 PM

    From my tests adding the following css code created a transparent background in IE8:

    .form-all{
         background:transparent;
           }

     

     

    Let us know if we can be of more assistance.

    Thank you

  • Profile Image

    Answered by optizign13 on April 15, 2014 at 03:10 PM

    Hello. I added the code but it didn't work. Please advise. Thanks. 

  • Profile Image
    JotForm Support

    Answered by abajan on April 15, 2014 at 05:27 PM

    @optizign13

    Upon examining the injected CSS of your form, I didn't see the rule provided by my colleague. I saw the following rule instead:

    .form-all {
    background-color: rgba(0, 0, 0, 0)
    }

    Did you make the suggested change?

  • Profile Image

    Answered by optizign13 on April 15, 2014 at 05:37 PM

    I tried the code that was provided above by support, but it didn't work so I injected the one that is currently on my form because I know that code works when I was making my input area transparent. Either way, both codes didn't work, but I just left one there still. 

  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 15, 2014 at 10:52 PM

    Hello optizign13,

    Please be noted that you can also change form background to transparent from preferences window. Please check the screenshot below:

    Please input "transparent" in background property and remove the injected custom css which is still not changed as my colleague suggested. Your form still has the following custom css:

    .form-all {background-color: rgba(0, 0, 0, 0)}

    Hope this helps.

    Do get back to is if you have any questions.

    Thank you!

  • Profile Image

    Answered by optizign13 on April 16, 2014 at 12:16 PM

    Hello. It is still not working. Please advise. 

  • Profile Image
    JotForm Support

    Answered by TitusN on April 16, 2014 at 02:32 PM

    Hello,

    I did some research and found that the transparency issue with IE8 is quite tricky, and a lot of hacks sometimes are needed to accomplish a transparent background.

    Please try the following rule: 

    .form-all {
    background:transparent;
    filter:alpha(opacity=100);
    }

    I created a test page with a copy of your form with the CSS above: https://shots.jotform.com/titus/testform31.html

    It should show as below:

    Let us know if this helps.

  • Profile Image

    Answered by optizign13 on April 17, 2014 at 02:39 PM

    Hello. No luck :( It's weird because my other forms look fine, and they have no css injected in their form defining background: transparent. For example, this website: http://ockidsdental.com/.

  • Profile Image
    JotForm Support

    Answered by Mike_T on April 17, 2014 at 04:45 PM

    The rgba color is not supported by IE 6, 7 and 8.

    Please try to use the following CSS on your form:

    .form-all {
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000);
    zoom: 1;
    }

    Instead of:

    .form-all {
    background-color: rgba(0, 0, 0, 0)
    }

    Thank you.

  • Profile Image

    Answered by optizign13 on April 17, 2014 at 07:09 PM

    Hello. Still no luck!

  • Profile Image
    JotForm Support

    Answered by jonathan on April 17, 2014 at 08:08 PM

    Hi,

    Will you be able to use the form's source code embed?

    My suggestion involves using the process described on this guide

    -How-to-Compensate-for-IE6-s-Lack-of-Support-for-Transparent-PNGs

    --

    At the most, you should also try suggesting to your users to use an updated IE browser version. I noticed in IE9 that there is no such issue.

    Unfortunately, if this is indeed a glitch/bug, we cannot easily justify to our developer to fix this, since it can be fixed by just using an updated browser version.

    Hope this help. Please inform us if you need further assistance.

    Thanks!

  • Profile Image

    Answered by Runezlord on September 07, 2015 at 06:38 AM

    Ended up with the same problem and finally found the solution. Hope it works for you too!

    Just changed it in the Inject Custom CSS area. Change the highlighted area with the code and works!