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

    Form doesn't work on certain browser...

    Asked by cand1902 on April 28, 2014 at 10:24 AM

    Hi,

    I have two websites with different forms. All of my forms work great on Safari, but when I try on Firefox, some of them don't show up (as you can see on the screenshot)! I used the iframe embed forms codes.

    Here are the websites :

    1) http://www.envolleymasculin.com/nos-programmes/inscription/

    2) http://www.sunsmash.ca/tournois-2014/inscription/

    Only the first ones of each side don't work! I put a direct link for now on the bottom in case it doesn't work, but it would be great that it works alright all the time!

    Can comeone help with this problem?

    Thanks in advance,

    Page URL:
    http://www.sunsmash.ca/tournois-2014/inscription/

    Screenshot
    form doesn't work doesn't work My Forms problem iframe embed different
  • Profile Image

    Answered by jedcadorna on April 28, 2014 at 11:21 AM

    Hello,

    Add this code display:block; to your style.css settings under .toggle-content{ so this would be like this.

    Before:

    .toggle-content{

    padding-top:10px;

    padding-bottom:15px;

    position:relative;

    }

    After:

    .toggle-content{

    padding-top:10px;

    padding-bottom:15px;

    position:relative;

    display:block;

    }

     

    I tested it from my end and it does work using firefox. Please test it then let us know if still does not work.

  • Profile Image

    Answered by jedcadorna on April 28, 2014 at 11:25 AM

    Strange! It does work for a while but when I tested it again the problem still occurs. Let me investigate on this and will get back to you. Thanks for your patience.

  • Profile Image

    Answered by jedcadorna on April 28, 2014 at 10:52 PM

    Sorry for getting back late I can't seem to find whats causing the conflict in your code probably in your styling script, but I was able to find a remedy to this that will make your form work. 

    I have noticed that this only happens to the 1st embed form as I have checked both of your site what you can do is to add a <script> embed code after the iframe code. Do not remove the iframe code just add the embed code

    You can follow the same procedure on the other site just add the embed code only after the first iframe code.

    Here's how:

     

    You can view a working sample in this link. Let us know if this still does not work.

  • Profile Image

    Answered by cand1902 on April 29, 2014 at 08:24 AM

    Hi,

    Thank you for your response! I tried it and it does work on Firefox now, but I noticed that the form is showing up 2 times on Safari since I made that change! Even in the "working sample" you sent me, we can see 2 forms!

    Is there anything to do with that?

    Thanks again,

  • Profile Image

    Answered by jedcadorna on April 29, 2014 at 10:21 AM

    Set the height and max-height to 0 it will not show 2 forms in chrome and other browser and it does fix the issue with firefox.

    Test my sample form again https://shots.jotform.com/jed/forms/Envolley%20de%20Sherbrooke%20%96%20Volleyball%20masculin%20%96%20Inscription.htm

  • Profile Image

    Answered by cand1902 on April 29, 2014 at 10:34 AM

    Ok thank you, it worked!