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

    CSS Issue in two browsers (only), no issue in three other browsers

    Asked by osriley on January 18, 2013 at 04:53 AM

    I created a form (formID=30141850409143) in JotForm and then downloaded the source code so I could style it more completely than I could online.  In this process, I modified only the CSS in form.css (primarily) and also inline (occationally).  My modified form is online at http://ovationsolutions.com/config_form2/index_config.html.

    The form works perfectly in Internet Explorer, Firefox and Opera browsers.  In Chrome and Safari, the "Submit" button displays "Please wait..." and can not be clicked.

    I obviously created this issue with something I did in the CSS but don't have a clue as to where.  What situation cause "Please waiy ..." to display?  Do you have any thoughts as to where the problem is?

    Thanks very much

    patriley@ovationsolutions.com

     

     

    Page URL:
    http://ovationsolutions.com/config_form2/index_config.html

    Screenshot
  • Profile Image
    JotForm Support

    Answered by idarktech on January 18, 2013 at 06:31 AM

    Hi,

    That's probably caused by the "form-submit-button" class on one of your page break button. I would suggest to create another class containing the button class styles and add it to your page break button. That should fixed it.

    Example:

    .form-submit-button-for-pagebreak {

    color: white;

    font-family: Arial, Helvetica, Verdana, sans-serif;

    font-size: 11px;

    font-weight: bold;

    border: 1px #8AAABC solid;

    background: url(../../images/styles/style5_btn_bg.gif) #9BBED0 top repeat-x;

    padding: 0px 8px;

    }

    And on your page break span, use the new class name.

    <span class="form-submit-button-for-pagebreak" style="margin-left:214px">Next</span>

    That should fixed it. Thanks! =)

  • Profile Image

    Answered by osriley on January 19, 2013 at 04:12 AM

  • Profile Image
    JotForm Support

    Answered by idarktech on January 19, 2013 at 04:40 AM

    @osriley

    Your latest reply appears to be blank. If that contains an important question, please post it on this thread. http://www.jotform.com/answers/167044-CSS-Issue-in-two-browsers-only-no-issue-in-three-other-browsers

    Thanks!