remove X option from pop up form

0
Hi, I have a requirement to make user always use customized close button instead of "X" shown on pop up form. Is there any option to disable "X" on pop up form?
asked
4 answers
3

Hi Sowya,

The popup close button has a specific class that you can target, which (not very surprisingly) is named "close".

You can give your popup a specific class (eg "popop-noclose") which you setup for instance like so:

.popup-noclose {
   .close {
       display:none;
   }
}

 

However, what you want to do, is make sure the 'X' button triggers your specific button instead of default close/cancel functionality. This is a setting, that you can find here:

 at the bottom of your page properties. Good luck!

 

answered
1

Hi sowmya r
To hide the close button for the user you can do this by CSS:


you can follow this syntax

.parentclassname.childclassname{
visibility:hidden;   or 
display:none;

}

eg:
.popupclose..modal-dialog .modal-content .modal-header .close {
visibility:hidden;
}

Cheers 
Narendran J

answered
0

The answer can be found on this earlier forum post. 

answered
0

Try the extra entry in your theme like this:

.popup-noclose .close {
       display:none;
}

That seems to work for me. Of course, it doesn't stop someone using the Esc key, so setting the correct button/MF to the form close action is still needed

answered