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

  • Profile Image
    Notaries
    Asked on August 13, 2017 at 07: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

  • Profile Image
    jonathan
    Answered on August 13, 2017 at 08: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" target="_blank" href="#open">Open Pop-Up</a></p>

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

    <div><a class="close" title="Close" target="_blank" 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.