Why bootstrap dropdown does not work with jotform on dreamweaver?

  • Profile Image
    cammer09
    Asked on June 23, 2019 at 08: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

  • Profile Image
    Jed_C
    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
    Jed_C
    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.

    ex.

    1561389528iframe_embed.png

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