Pop Up Modal HTML code

  • Profile Image
    rabbichabadbayviewcom
    Asked on June 14, 2021 at 12:12 PM

    Hi there,

    I am looking for teh step one HTML code for the pop up modal. I can't seem to find it in the https://www.jotform.com/help/417-how-to-add-a-pop-up-modal-on-your-form atricel below.

  • Profile Image
    Michal_S
    Answered on June 14, 2021 at 02:37 PM

    Hello!

    Here's the code from the guide:

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

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

        <div>

            <p><a class="close" title="Close" target="_blank" href="#close" rel="nofollow">X</a></p>

            <h2>Hey there!</h2>

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

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

        </div>

    </div>

    Place it in the Source Code of your Paragraph element:

    132067_1.png

    Please let us know if you require any further assistance.

    Thank you!