Pop up Modal not working on a specific page of the form

  • pgajrleague
    Asked on September 26, 2020 at 9:33 AM

    Jaymix asked the question on 4/23/2020 but I can't access the answer. It says unauthorized access. 1) I am trying to add multiple buttons with different text content on the same page. Is that possible?

    2) If not on the same page, can there be different pop-up modals on different pages with different text content?

  • VincentJay
    Replied on September 26, 2020 at 3:05 PM

    The answer to the post of Jaymix is not possible to do two pop up modal using CSS code. Your issue might be different from Jaymix.

    Do you want to add multiple buttons to your website that opens different form (pop up) page? Is that correct?

    Please give it a try using two different buttons with different form pop-up modal. You can follow the guide on how to add it to your form. https://www.jotform.com/help/417-How-to-Add-a-Pop-Up-Modal-on-your-Form

    After that, please share the website link so we can check it if that didn't work.

  • pgajrleague
    Replied on September 26, 2020 at 3:33 PM

    @vincentjay 

    I have one pop-up modal on page 2 (pricing) that works great.  I am hoping to have a different button and message on page 5 (what's included) but that does not work.  When the button on page 5 is clicked, nothing happens.  I read another article that mentioned changing the href to #open2 but that didn't work either.

    Here is the form https://form.jotform.com/pgajrleague/2021worksheet

  • John Support Team Lead
    Replied on September 26, 2020 at 7:21 PM

    I just checked the code you added on page 5 and there were missing tags:

    1601162401 5f6fcca185f7f Screenshot 10

    This prevents the modal from showing.

    Here's how I fixed it on a cloned form:

    <p><a class="button" href="#open2" rel="nofollow">More about Custom Options</a></p>
    
<div id="open2" class="modalBox">
    
<div><a class="close" title="Close" href="#close2" rel="nofollow">X</a>
    
<h2>"Other" Options</h2>
    
<p>You can add up to 6 additional options during registration. Click back to the "Search Example" tab to get an idea of what it can look like. These can include clinics, range balls/driving range pass, junior club membership, team gifts, exclusive deals on golf equipment/merchandise and much more.</p>
    
<h2>&nbsp;</h2>
    
</div>
    
</div>

    Here's how it works now on my end: https://form.jotform.com/202697016022953?jumpToPage=5