Issues when using the full source code of 2 forms in the same webpage

  • Profile Image
    Asked 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?



  • Profile Image
    Answered on December 02, 2014 at 12:55 PM

    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.
    Thank you.

  • Profile Image
    Answered on December 02, 2014 at 01:12 PM

    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.


  • Profile Image
    Answered on December 02, 2014 at 02:52 PM

    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:

    Form 1

    <iframe id="Form_1" allowtransparency="true" src="Form1/Form 1.html" frameborder="0" style="width:100%; height:509px; border:none;" scrolling="no"></iframe>

    Form 2

    <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: (Renaming folders) (Using iframes)

    You can also download the source code here: 

    Let us know if this helps.