How do I add a lightbox in the form of a button rather than text?

  • Profile Image
    hattyjackson
    Asked on June 16, 2016 at 06:00 AM
  • Profile Image
    John_Benson
    Answered on June 16, 2016 at 07:26 AM

    The default Lightbox code is using a text link.

    <script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript"> var JFL_61672640541958 = new JotformFeedback({ formId: '61672640541958', base: 'https://form.jotform.com/', windowTitle: 'Lightbox Button', background: '#FFA500', fontColor: '#FFFFFF', type: 'false', height: 500, width: 700, openOnLoad: false }); </script> <a class="btn lightbox-61672640541958" style="margin-top: 16px"> Lightbox Button </a>

    You can replace the text with an image button. Here's an example:

     <script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript"> var JFL_61672640541958 = new JotformFeedback({ formId: '61672640541958', base: 'https://form.jotform.com/', windowTitle: 'Lightbox Button', background: '#FFA500', fontColor: '#FFFFFF', type: 'false', height: 500, width: 700, openOnLoad: false }); </script> <a class="btn lightbox-61672640541958" style="margin-top: 16px"> <img src="imagebutton.jpg">  </a>

    Please make sure to specify the file path (src) of the image button.

    Hope that works. Let us know if you need further help. Thanks!