- tresextioAsked 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.
- JotForm SupportWelvinAnswered on November 22, 2013 at 07:00 AM
I've fixed it. You have it disabled. I re-enable the function.
- tresextioAnswered 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.
- JotForm Support ManagerJeanetteAnswered 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
- tresextioAnswered 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?
- JotForm SupportWelvinAnswered 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.
- tresextioAnswered on November 25, 2013 at 03:38 AM
Here you go, here is the website: http://snipr.com/287z5px
Thanks in advance!
- JotForm SupportWelvinAnswered 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:
- tresextioAnswered 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?
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."
- JotForm SupportWelvinAnswered 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.
<iframe id="myiFrame" allowtransparency="true" src="http://mywebsite.com/form/form.html" frameborder="0" style="width:100%; height:465px; border:none;" scrolling="no">
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.
- JotForm SupportWelvinAnswered 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:
- tresextioAnswered 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
- JotForm SupportWelvinAnswered 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.
- tresextioAnswered on November 25, 2013 at 08:10 AM
My god, thank you!
- JotForm SupportWelvinAnswered on November 25, 2013 at 08:37 AM
I think the issue was resolved. Great to know that! You are welcome. Cheers! :)