Why does the Submit button appear without the rounded corners in my own Website?

  • Profile Image
    Asked on August 18, 2012 at 11:26 AM

    I use Submit, Clear and Print button at the bottom of my form. However, when they appear in my own Website, the corners of the button images are not rounded off as they should be.  Can yo tell me of a simple way of correcting this error?

    The white buttons I have used should show with half-round ends, left and right, but they appear as blocks.

    Please see my URL.

    Thanks David.

  • Profile Image
    Answered on August 18, 2012 at 04:44 PM

    Hello ct7webmaster,


    I went to your website to assess the problem and apparently the buttons show up as blocks in internet explorer.

    If you add the code below to the css file then the problem should be fixed

    border-radius: 10px;or if the button is an image then using the png or gif format should get rid of the problem as well.
    If that does not work please let me know.
  • Profile Image
    Answered on August 18, 2012 at 10:10 PM


    I just checked the form and the issue happens only with IE , if users browse your page with Google Chrome or Firefox, it is just fine.

    In order to correct this issue, please remove the current embedded code of your page and use the iFrame method instead

    Let us know if the hint resolves the issue

  • Profile Image
    Answered on August 20, 2012 at 11:31 PM
    Dear Jotform support worker

    I configured my contact me page with just the javascript Jotform insert given by copying and pasting this in a div box on the page. As you say the problem I am having of no rounded corners seems only to appear in IE9. I cannot see a way of using the border-radius: 10px declaration, as I am not using direct CSS and cannot access control of the javascript that contains the button information for the form.

    Surely the configuration lies within the javascript of the form, which it seems needs updating by the Jotform team, to fix the IE9 error?

    I have found that IE9 has a number of anomalous actions. I would really appreciate your answer to this button misrepresentation problem.

    My thanks and cheerio for now, David Beck.

  • Profile Image
    Answered on August 21, 2012 at 01:00 AM


    As my colleague suggested, the view of the form's rounded corners seems to be affected only when used in IE9 browser.

    You may want to try amending the embdedded code to its iframe code equivalent instead.

    Please check if using iframe resolves the issue.