I am trying to implement a popup dialog box in ASP.NET using JavaScript, but it's not working as expected!
Below is the code I am using:
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<div class="modal" id="myModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
The issue I am facing is that when I click the button, the popup dialog does not appear and the page becomes disabled with a gray shadow overlay. Even after removing the "modal" class from the div, the dialog shows up but still everything remains disabled.