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

    Transparency is being ignored when viewed in IE8 and IE9

    Asked by simcorpdk on June 11, 2014 at 09:11 AM

    Hi, you supplied me with som code to make a custom button. Thank you for that!

    However on Internet Explorer there semes to be an error on the button. It looks strange. Will you be able to help me out with that?

    Thanks alot.

    Page URL:
    http://www.jotformeu.com//?formID=41562406101340

    Screenshot
    thanks custom button
  • Profile Image

    Answered by jedcadorna on June 11, 2014 at 11:01 AM

    Hello,

    I tried applying CSS and changing the properties but that doesn't change the display. This only shows in IE8 and IE9. What browser are you currently using when you experience this? 

    I will make some more test then get back to you once I found a resolution for this. Thank you for your patience.

  • Profile Image

    Answered by jedcadorna on June 11, 2014 at 11:57 AM

    Transparency is not honored when viewed in IE 8 and IE 9 that is why your CSS does not work for this. It just simply ignore the css command for background: transparent !important;

    The transparency applies when viewed in chrome. You can see the word "Next" and the box is transparent.

    Sample: 

    This is how transparency is being ignored when viewed on IE8 and IE9. You can see that next button is now filled with gray.

    Sample:

    Let me forward this to our level 2 and see what they can do about this issue with IE8 and IE9. We'll notify you in this thread for updates. In the mean time we can't really do anything of how it was when viewed in IE8 and IE9 so adding button image will be different in IE.

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 12, 2014 at 02:33 AM

    @simcorpdk

    I have fixed the transparency of your page break buttons. I added CSS for IE browser support. Kindly check your form now. If the white button still appears, please clear your IE browser's cache.

    Some of your CSS codes are repeated twice so I did a little clean up too. Kindly review if they are all still correct specially the back button since it has multiple property declared which I have corrected.

    Get back to us should you need further help. 

    Regards!

  • Profile Image

    Answered by simcorpdk on June 12, 2014 at 02:40 AM

    Thanks alot. I will check it.

    You guys are great!

  • Profile Image

    Answered by simcorpdk on June 12, 2014 at 03:47 AM

    Hi again,

    Could you please help me out with doing the same trick on my submit button here http://www.jotformeu.com//?formID=41562406101340

    Thanks alot.

     

    Jonas

  • Profile Image
    JotForm Support

    Answered by jonathan on June 12, 2014 at 09:33 AM

    Hi Jonas,

    I made adjustment in the injected CSS code on your form http://www.jotformeu.com/form/41562406101340  to fix the submit button issue.

    I modified the submit button CSS code to this

    .form-submit-button{font-size:0px;padding:44px 37px 62px 35px;background-image:url('https://www.jotform.com/uploads/simcorpdk/form_files/finish.png');

    background-repeat: no-repeat;

    width: 141px;

    height: 114px;

     

    }

    I added the height/width dimensions for the submit button.
    It now appear like this
    Please check if the form submit button is now as needed.
    Inform us if you need further assistance.
    Thanks!
  • Profile Image

    Answered by simcorpdk on June 12, 2014 at 12:01 PM

    Thanks, i apriciate it.

    But theres a border/stroke/shadow around the button. How can i remove please?

     

    Thanks. Jonas

  • Profile Image
    JotForm Support

    Answered by NeilVicente on June 12, 2014 at 01:10 PM

    Jonas,

    I can't see any borders on your buttons under IE, Safari, Chrome or Firefox. Can you please confirm that the issue has been resolved on your end, too?

  • Profile Image

    Answered by simcorpdk on June 12, 2014 at 02:32 PM

    Hi,

    Sorry, its the submit button. Just press "No" on page 2 Do you have a second back office product and you will get to the submit button.

     

    Thanks.

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 12, 2014 at 03:39 PM

    @simcorpdk

    Fixed now. Kindly check.

    Instead of using CSS on the image, I have placed it as Button Image on the button properties instead.

    And then added the following CSS.

    .form-submit-button{

    box-shadow: none !important;

    filter: none  !important;

    outline:none;

     

    }

    Should you need anything else, contact us again.

    Thanks!

     

  • Profile Image

    Answered by simcorpdk on June 12, 2014 at 03:41 PM

    Brilliant. Thanks!