/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

2 votes182 views1 answer
Html how to move element to the bottom right of page
Html
0 vote194 views1 answer
React native render html not rerender
Html
2 votes237 views2 answers
Html empty character
Html
0 vote172 views2 answers
How to execute asp code in html
Html
1 vote180 views1 answer
Bootstrap news template
Html
4 votes205 views3 answers
Watch nested data vue
Html
0 vote174 views1 answer
How to make a html link execute a javascript function
Html
2 votes194 views3 answers
How to disable a div in angular
Html
0 vote195 views1 answer
Tailwind CSS List group
Html
0 vote195 views1 answer
Bokeh save html file to directory
Html