Why bootstrap dropdown does not work with jotform on dreamweaver?

  • Profile Image
    Asked on June 23, 2019 at 08:31 PM


    I am using dreamweaver to build a website.  I am trying to use a jotform for a file submission form on my website.  I am using bootstrap 4.3.1 with all pages.  On all pages that I am not using a jotform, by bootstrap navbar with dropdown works, but as soon as I upload the jotform, the navbar dropdown stops working.  I am curious as to what bootstrap jotform uses and why this may be happening

  • Profile Image
    Answered on June 24, 2019 at 02:57 AM

    What dreamweaver version do you have? Is it CS6? It's possible that Jotform's JS library is conflicting with your script. I would suggest that you try embedding the form using iFrame, but without the script part.

    For example, if you are using this form https://www.jotform.us/form/91664388521161, you can embed the script below: 

    <iframe id="JotFormIFrame-91664388521161" title="Manuscript Submission Form" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/91664388521161" frameborder="0" style="width: 1px; min-width: 100%; height:539px; border:none;" scrolling="no" > </iframe>

    Please try that and see if that works.

  • Profile Image
    Answered on June 24, 2019 at 11:19 AM
    Answered by cammer09

    It worked perfectly thank you for your help.  How do I find this for the other form that I have? — 

    Please refer to our guide here https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code on how you can get the iframe code. Just make sure to remove the script part and only embed the iframe code.



    Let us know if you have any questions or if you need further assistance.