Breaking News: Grepper is joining You.com. Read the official announcement!

bootstrap modal no close on click outside

Add Answer

Ivan Londono answered on July 23, 2020 Popularity 9/10 Helpfulness 5/10

answer bootstrap modal no close on click outside

related bootstrap modal popup disable click outside

related prevent bootstrap modal from closing when clicking outside

related bootstrap modal popup disable click outside

related when modal close event

related prevent close modal when click outside

related prevent modal from auto closing when clicked away

related html close modal when click outside

related modal don't close when click outside

related prevent close modal when click outside

bootstrap modal no close on click outside

Comment

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

jQuery, bootstrap, modal

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: bootstrap-modal click javascript

Link to this answer
Share Copy Link

Contributed on Mar 31 2023

Ivan Londono

0 Answers Avg Quality 2/10

Closely Related Answers

bootstrap modal popup disable click outside

Comment

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

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: stackoverflow.com

Tags: click clic

Link to this answer
Share Copy Link

Contributed on Mar 18 2021

Lively Ladybird

0 Answers Avg Quality 2/10

prevent bootstrap modal from closing when clicking outside

Comment

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

Popularity 10/10 Helpfulness 7/10 Language html

Source: stackoverflow.com

Tags: clicking clickin

Link to this answer
Share Copy Link

Contributed on Jul 23 2020

SeriousMonk

0 Answers Avg Quality 2/10

bootstrap modal popup disable click outside

Comment

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

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: click clic

Link to this answer
Share Copy Link

Contributed on Mar 18 2021

Lively Ladybird

0 Answers Avg Quality 2/10

when modal close event

Comment

$("yourid").on('hide.bs.modal', function(){
	// do it here
});

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 07 2021

Thoughtful Tapir

0 Answers Avg Quality 2/10

prevent close modal when click outside

Comment

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

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

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: stackoverflow.com

Tags: click clic

Link to this answer
Share Copy Link

Contributed on Feb 02 2021

Zidane (Vi Ly - VietNam)

0 Answers Avg Quality 2/10

prevent modal from auto closing when clicked away

Comment

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
  Launch static backdrop modal
</button>

<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Understood</button>
      </div>
    </div>
  </div>
</div>

Popularity 9/10 Helpfulness 5/10 Language html

Source: getbootstrap.com

Tags: auto

Link to this answer
Share Copy Link

Contributed on May 16 2022

paul john

0 Answers Avg Quality 2/10

html close modal when click outside

Comment

<body>
  <div class="modal fade" id="modalID" tabindex="-1" data-bs-backdrop="true" style="border-radius:38px;">
    <div class="modal-dialog">
      <div class="modal-content">
	        Lorem ipsum ....
      </div>
    </div>
  </div>
</body>

<script>
  // Bootstrap 5
  let modal = new bootstrap.Modal( document.querySelector('#emailValidation'), { backdrop: true, keyboard: true } );
  modal.toggle();
</script>

Popularity 10/10 Helpfulness 5/10 Language html

Source: Grepper

Tags: click clic

Link to this answer
Share Copy Link

Contributed on Jan 05 2022

Wicked Wolf

0 Answers Avg Quality 2/10

modal don't close when click outside

Comment

-1

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

Popularity 10/10 Helpfulness 4/10 Language html

Source: stackoverflow.com

Tags: click clic

Link to this answer
Share Copy Link

Contributed on Jul 29 2021

Dizzy Dotterel

0 Answers Avg Quality 2/10

prevent close modal when click outside

Comment

<div class="modal fade" id="myModal" data-keyboard="false" data-backdrop="static">

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: click clic

Link to this answer
Share Copy Link

Contributed on Jun 30 2021

nilso

0 Answers Avg Quality 2/10

bootstrap modal no close on click outside

Contents

More Related Answers

bootstrap modal no close on click outside

Closely Related Answers

bootstrap modal popup disable click outside

prevent bootstrap modal from closing when clicking outside

bootstrap modal popup disable click outside

when modal close event

prevent close modal when click outside

prevent modal from auto closing when clicked away

html close modal when click outside

modal don't close when click outside

prevent close modal when click outside

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.