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

    Upload Field Progress bat are NOT showing up!

    Asked by tresextio on November 21, 2013 at 10:23 PM

    I have this multi upload field that works fine on preview here: http://form.jotform.co/form/33221969033856? But on my site it's not interactive in the same way - i.e. doesn't show progress bars, what am I doing wrong?

    I've tried both the js embed code and the full source code.

    Page URL:
    http://form.jotform.co/form/33221969033856?

    Screenshot
    preview site upload field JotForm source
  • Profile Image
    JotForm Support

    Answered by Welvin on November 22, 2013 at 07:00 AM

    Hi,

    I've fixed it. You have it disabled. I re-enable the function.

    Thanks

  • Profile Image

    Answered by tresextio on November 22, 2013 at 06:52 PM

    Thanks for your help, but it's not what I was after. I'm speaking about the progress indicators on file uploads.

  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on November 22, 2013 at 11:06 PM

    Probably, there is a conflict between the form's code and other codes in your webpage. That is why the standalone version works well while the embedded version doesn't

    Can you please share with us the web URL where the form is embedded? this way we will be able to inspect further and advise properly

  • Profile Image

    Answered by tresextio on November 23, 2013 at 12:50 AM

    I've removed all my js-code and that doesn't change much, so I don't think it is a matter of conflicts. What specific file provide the code for the progress indicators on file uploads, maybe I'm not including it?

  • Profile Image
    JotForm Support

    Answered by Welvin on November 23, 2013 at 03:02 PM

    Are you using the form source codes? We will be able to check the issue if you can share to us the webpage URL where the form is currently embedded.

    You may also consider using the iFrame Method of embedding the form: Getting the Form iFrame Code. This should fix the issue.

    Thanks

  • Profile Image

    Answered by tresextio on November 25, 2013 at 03:38 AM

    Here you go, here is the website: http://snipr.com/287z5px

     

    Thanks in advance!

  • Profile Image
    JotForm Support

    Answered by Welvin on November 25, 2013 at 04:43 AM

    You are using the form source codes, as you could see, the progress bar do not work so with the form error validation. You've removed the jQuery scripts from the page whereas the whole site contains this script so the conflict is still there. Our suggestion to use the iFrame method should fix the issue, kindly change it: Getting the Form iFrame Code.

    Also, the progress bar script is already there:

    Thanks

  • Profile Image

    Answered by tresextio on November 25, 2013 at 06:38 AM

    I'm sorry, I don't understand a single thing of what you're saying.

    1. Firstly, you state "the progress bar do not work so with the form error validation". What does this mean? Can I not have the progress of the file uploads because of the form validation?

    2. Secondly, yes I have commented out jQuery as I have done with all other javascript code because your collegue Jeanette hinted that it could be a conflict between jotform and my other code. And this proves that, that cannot be the case. Besides, you state that "the whole site contains this script". What script are speaking about? There is no javascript from me on the provided page as I have commented it out.

    3. Thirdly, I don't want to use iFrame as I want to customize the form. If your source code is buggy and not production ready you should have it as an option at all.

    4. You're highlighting a link to a js-library that I'm pretty sure is serving the progress bar of the form as a whole and doesn't deal with the progress indicators regarding the file uploads. If you track the history of this thread you can see my reply to you "Thanks for your help, but it's not what I was after. I'm speaking about the progress indicators on file uploads."

  • Profile Image
    JotForm Support

    Answered by Welvin on November 25, 2013 at 07:09 AM

    Apologize for the confusion. Let me explain it a bit.

    1. What  I mean is that the required field error won't show up when you skip on it. See comparison below:

    a. With required field validation "not working" when you skip a required field:

    b. With required validation "working" when you skip a required field:

     

    2. I'm sorry about this, I re-checked your website and see that you already disabled the jQuery scripts. I also thought that the translation is part of your website, but it turns out that it was part of the form. It's new feature we had. But I suggest you to check and change the URL, it's currently not hosted on your website so it returned a 404 not found error. This isn't part of the issue, just in case you want to use it later:

     

    3. Understood that. How about saving the form source codes into a single HTML file, upload this file to your server and still, use it as an iFrame to your page. Any modifications to the source codes should be made on the HTML file. This should work so you can still use the source codes.

    Example iFrame:

    <iframe id="myiFrame" allowtransparency="true" src="http://mywebsite.com/form/form.html" frameborder="0" style="width:100%; height:465px; border:none;" scrolling="no">
    </iframe>

    Change the http://mywebsite.com/form/form.html to your own HTML file.

     

    4. I've changed the title of this thread. So sorry for that. We will try to help you resolve the issue. I will also try to investigate and possibly come up for another solution.

     

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on November 25, 2013 at 07:33 AM

    Okay. I think I've found the issue. It turned out that the Translation JS Scripts is causing the issue. Please correct the script URL, so from:

    <script type="text/javascript" src="/js/formTranslation.js?3.1.1083"></script>

     

    ...to..

    <script type="text/javascript" src="https://static-interlogyllc.netdna-ssl.com/js/formTranslation.js?3.1.1083"></script>

     

    Thanks :)

  • Profile Image

    Answered by tresextio on November 25, 2013 at 07:44 AM

    OK, so I've tried what you've explained at 3.

    But unfortunately it dosen't work.

    Here is the simple HTML page with the source code: http://snipr.com/288098u

    The page with the iframe: http://snipr.com/287z5px

  • Profile Image
    JotForm Support

    Answered by Welvin on November 25, 2013 at 07:55 AM

    Please kindly change the Translation JS Script URL per my last reply. That should fix the issue.

    Thanks

  • Profile Image

    Answered by tresextio on November 25, 2013 at 08:10 AM

    My god, thank you!

  • Profile Image
    JotForm Support

    Answered by Welvin on November 25, 2013 at 08:37 AM

    I think the issue was resolved. Great to know that! You are welcome. Cheers! :)