Remove X (close button) in lightbox mode

  • NUsicTV
    Asked on August 7, 2014 at 12:01 PM

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

     

    Thanks

  • David JotForm Support
    Replied on August 7, 2014 at 1: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!

  • NUsicTV
    Replied on August 7, 2014 at 2: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

  • Mike_T Jotform Support
    Replied on August 7, 2014 at 4: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.

    Remove X (close button) in lightbox mode Image 1 Screenshot 20

    Thank you.