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

    Remove X (close button) in lightbox mode

    Asked by NUsicTV on August 07, 2014 at 12:01 PM

    How do you remove the X, top right corner, which closes the lightbox?

     

    Thanks

    Page URL:
    www.nusictv.com

    close lightbox block lightbox
  • Profile Image
    JotForm Support

    Answered by david on August 07, 2014 at 01:40 PM

    Hi,

    In order to remove the close button of your lightbox you need the following code.

    <style>

    .jt-feedback div img {

    display: none;

    }

    </style>

     

    Kindly put the following code above between the header tag of your page

    <head> THE CODE HERE!! </head>

    If you need further assistance, please let us know.

    Thank you for using JotForm!

  • Profile Image

    Answered by NUsicTV on August 07, 2014 at 02:14 PM

    Hi David,

     

    Thanks for your reply. 

    Unfortunately you can just click on the grey area around the lightbox and the lightbox dissappears. What I meant by removing the X was so that the user can't remove the lightbox. I.e. they have to fill out the form to get to the page.

     

    Thanks

  • Profile Image
    JotForm Support

    Answered by Mike_T on August 07, 2014 at 04:06 PM

    You can use the following CSS on your page to hide the lightbox close button and disable the area outside of the lightbox.

    <style>
    .jt-dimmer {
    pointer-events: none;
    }
    .jt-title div {
    display: none;
    }
    </style>

    Note, that you will need to use a Thank You Custom URL option in this case, since the lightbox can not close itself.

    Thank you.