/Html/Modal don't close when click outside

Modal don't close when click outside

Bootstrap modal popup disable click outside

 <button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
 </button>

Source: stackoverflow.com

Prevent bootstrap modal from closing when clicking outside

<div id="idModal" class="modal hide" data-backdrop="static" data-keyboard="false">

Source: stackoverflow.com

Disable close from screen modal popup

<!-- opening with html, the key is the data-backdrop="static" attribute --> <button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
 </button>
 <script>//Opening with JS:$('#myModal').modal({backdrop: 'static', keyboard: false})  
 </script>

Source: stackoverflow.com

Bootstrap modal popup disable click outside

$('#myModal').modal({backdrop: 'static', keyboard: false})

Source: stackoverflow.com

Prevent close modal when click outside

$('#myModal').modal({
    backdrop: 'static',
    keyboard: false
})

or in HTML
<a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#">

Source: stackoverflow.com

Modal don't close when click outside

 <button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
 </button>
`

Source: stackoverflow.com

Similar codes

7 votes354 views2 answers
Bootsrap card
Html
0 vote367 views1 answer
Onclick button how to import file upload using dialog in html
Html
2 votes337 views3 answers
Asp.net core 3.1 ajax partial view
Html
16 votes356 views6 answers
Basic html
Html
0 vote317 views1 answer
Tailwind css width 50 percent
Html
15 votes334 views2 answers
Font weight bootstrap class
Html
31 votes329 views6 answers
Input file accept image
Html
0 vote320 views1 answer
Npm package private true
Html
0 vote315 views1 answer
How to switch between read only input in html
Html
0 vote327 views1 answer
React native text max rows
Html