How to add pop-up modal without using JS script codes

  • Notaries
    Asked on August 13, 2017 at 7:44 PM

    Hi,

    I see the instructions on this page https://www.jotform.com/help/417-How-to-Add-a-Pop-Up-Modal-on-your-Form

    but don't we need to include JS as well somewhere? I trued the steps, but it's not working.

     

    Any idea?

     

    Thanks,
    Sako

  • jonathan
    Replied on August 13, 2017 at 8:54 PM

    I suggest you check the demo page of the guide also to be able to see how it works.

    As mentioned in the guide, it only uses CSS code for the pop-up. No need for JS script codes.

    The pop-up you seen is the TEXT field. It was mentioned in the 1st step

    ---

    1. First, we need to a "Text" field on our form. Then the content of it will be this HTML code:

    <p><a class="button" href="#open">Open Pop-Up</a></p>

    <div id="open" class="modalBox">

    <div><a class="close" title="Close" href="#close">X</a>

    <h2>Hey there!</h2>

    <p>Here's a pop-up modal.</p>

    <p>You can customize this with your own message.</p>

    </div>

     </div> 

     

    Let us know if you need further assistance.