CSS Button - Lightbox

  • Profile Image
    Excellentchoice
    Asked on August 09, 2013 at 08:38 AM

    How do I add a lightbox form to a css button?

     

    I have attached a screenshoot of the HTML code that includes the link to the JotForm.

  • Profile Image
    EltonCris
    Answered on August 09, 2013 at 12:08 PM

    Hi,

    From your screen, you seem to be not using lightbox code. Anyway, to call the lightbox form on a button just append the lightbox class e.g. lightbox-123456678990 to the button class. Example:

    <a target="_blank" href="" class="button lightbox-32202591340947">Test</button>

    You will be able to find your lightbox class from the lightbox code.

    Example:

    <script src="//cdn.jotfor.ms/static/feedback2.js?3.1.1273" type="text/javascript">

    new JotformFeedback({

    formId:'32202591340947',

    base:'http://jotformpro.com/',

    windowTitle:'Clone of Online Booking Form',

    background:'#FFA500',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:700

    });

    </script>

    <a class="lightbox-32202591342347" style="cursor:pointer;color:blue;text-decoration:underline;">Test</a>

    If you have any difficulties applying this solution, let us know here so we can assist you further. Thanks!