Disable click outside of bootstrap model area to close modal. User have to click X to close popup.
I am making a bootstrap website, with a couple of Bootstrap 'Modals'. I'm trying to customize some of the default features.
Problem: You can close the modal by clicking on the background. Is there anyway to disable this feature? On specific modals only?
Passing backdrop option with value 'static' will prevent closing the modal.
Yyou also can pass {keyboard: false} to prevent closing the modal by pressing Esc.
If you opening the modal by js use:
$('#myModal').modal({backdrop: 'static', keyboard: false})
If you are using data attributes, use:
<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
Launch demo modal
</button>
`
Reference: http://stackoverflow.com/questions/22207377/disable-click-outside-of-bootstrap-model-area-to-close-modal
