forum

Home / DeveloperSection / Forums / How to Disable click outside of bootstrap modal area to close modal?

Ask Question

How to Disable click outside of bootstrap modal area to close modal?

Manish Kumar200122-May-2017
I am designing a website through bootstrap, with a couple of Bootstrap 'Modals'. I have Problem, I can close the modal by clicking on the background. Is there any way to disable this feature?
Please help!!!
c#mvc4 bootstrap modal 
Updated on 23-May-2017
Manish Kumar

Manish Kumar

Follow

Can you answer this question?

Answer

1 Answers

Jayden Bell

Jayden Bell

23-May-2017


If you opening the modal by js, use:

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

 

 

If you are using data attributes, use:

 

<divid="Mymodal-Create"class="modal fade bd-example-modal-lg"tabindex="-1"role="dialog"data-backdrop="static"data-keyboard="false"aria-labelledby="myLargeModalLabel"aria-hidden="true">
            <divclass="modal-dialog modal-lg">
                <divclass="modal-content">
                    <divclass="modal-header">
                        <buttontype="button"class="close"data-dismiss="modal"aria-hidden="true">
                            &times;
                        </button>
                        <h4class="modal-title">Create
                        </h4>
                    </div>
                    <divclass="modal-body"id="Create-Body">
                    </div>
 
                    <divclass="modal-footer">
                        <inputtype="Submit"class="btn btn-primary"id="btnsubmit"  value="Add"/>
                        <buttontype="button"class="btn btn-default"data-dismiss="modal">
                            Close
                        </button>
 
                    </div>
 
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
 
        </div>

 

 

Liked By