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.
Issues when using the full source code of 2 forms in the same webpageAsked by lhwebsolution on December 02, 2014 at 12:48 PM
I have more than one form and for each form when I try to get the source code it generates a css folder and a js folder. But for all the form the css folder and the js folder name is the same, so I put it agin it replaze the one for the previous form, so then the previous form is not going to work.
How can I resolve this?
We recommend that you use each generated CSS and JS files for each individual form since even when they have similar names, their content is the specifically required for the form to work correctly and because of that the same file may not work with a different form.
Let us know if we can be of further assistance.
Please accept my apologies for my first answer there should be a way around for this.
Let me run some tests on my side and I'll get back with you with my findings.
After finishing my tests, I can think of 2 ways to accomplish this:
1. (The easiest one) Use an iframe to display each form and create a separate folder to save all files that are included in each zip file. Like this:
<iframe id="Form_1" allowtransparency="true" src="Form1/Form 1.html" frameborder="0" style="width:100%; height:509px; border:none;" scrolling="no"></iframe>
<iframe id="Form_2" allowtransparency="true" src="Form2/Form 2.html" frameborder="0" style="width:100%; height:487px; border:none;" scrolling="no"></iframe>
In this case you can check the iframe code of your form to see the correct height value for each iframe and use it in your webpage. In this scenario, since you're keeping the files and folders included in the zip file in separated folders, both forms should work correctly.
2. If you want to keep all files and folders in the same place, then you need to rename the css and js folder names for one of your forms. For example, change their names to css2 and js2 respectively, and edit the href values for each CSS and JS file in the form's HTML file.
Then you need to combine everything in the HTML file you're using to display both forms.
The folder and file structure would be something like this:
You can check both workarounds here:
https://shots.jotform.com/raul/468258/468258.html (Renaming folders)
https://shots.jotform.com/raul/468258/468258_iframe.html (Using iframes)
You can also download the source code here: https://shots.jotform.com/raul/468258/468258.zip
Let us know if this helps.