HTML button to on click --> lightbox

  • Profile Image
    berkysoccer
    Asked on September 25, 2013 at 01:23 PM

    Question is how do I connect the two together?

     

    My button src = http://berkshiresocceracademy.com/wp-content/uploads/2013/09/Early-Enrollment-Discounts.jpg

    My lightbox code from jotform = <script src="//cdn.jotfor.ms/static/feedback2.js?3.1.1551" type="text/javascript">

    new JotformFeedback({

    formId:'32666201988159',

    base:'http://jotform.us/',

    windowTitle:'View Early Enrollment Dates',

    background:'#cc6600',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:700

    });

    </script>

    <a class="lightbox-32666201988159" style="cursor:pointer;color:blue;text-decoration:underline;">Clone of Athlete Handbook Download Form</a>

  • Profile Image
    Tasha
    Answered on September 25, 2013 at 06:22 PM

    Hi

    Can you try replacing the text Clone of Athlete Handbook Download Form in the a tag with the image as shown below. 

    <a class="lightbox-32666201988159" style="cursor:pointer;color:blue;text-decoration:underline;"><img src="//berkshiresocceracademy.com/wp-content/uploads/2013/09/Early-Enrollment-Discounts.jpg"/></a>

    Please give that a try and let us know if it works for you.

    Thanks!

  • Profile Image
    berkysoccer
    Answered on September 25, 2013 at 06:42 PM

    Hi,

     

    Thanks for the help, I just tried it and I the img button is unclickable. I'm not sure if you'll be able to see, but the test site is: http://berkshiresocceracademy.com/?page_id=3449&preview=true

  • Profile Image
    Tasha
    Answered on September 25, 2013 at 07:59 PM

    Hi,

    I am not seeing the form on your page but it might be a case where you need to add a z-index to the css for that button. You can try adding something like this style="z-index:1;" to the a tag.

    If it is possible for you to share the page with the form with me I can provide a more accurate solution. 

    Thanks!