What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    CSS Button - Lightbox

    Asked by Excellentchoice 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.

    Screenshot
    lightbox form JotForm attached
  • Profile Image
    JotForm Support

    Answered by EltonCris 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!