Wednesday, 16 March 2016

jQuery UI - Don't want to Close Dialog When Click Outside


jQuery UI - Don't want to Close Dialog When Click Outside

Step1:
<link href="~/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script src="~/Scripts/jquery.js" type="text/javascript"></script>
    <script src="~/Scripts/bootstrap.min.js" type="text/javascript"></script>

<h4><a href="#" data-toggle="modal" data-target="#ImageCropPopup">Upload</a></h4>

Step2:

<div class="modal fade" id="ImageCropPopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-dialogfbig" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">View Gallery</h4>
            </div>
            <div class="modal-body">
                <div class="Gallery">
<p> Testing </p>
                </div>
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>

No comments: