Why bootstrap dropdown does not work with jotform on dreamweaver?

  • cammer09
    Asked on June 23, 2019 at 8:31 PM

    Hello,

    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

  • Jed_C
    Replied on June 24, 2019 at 2: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" onDISABLEDload="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.

  • Jed_C
    Replied 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.

    ex.

    1561389528iframe embed Screenshot 10

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