Advertisements

Archive

Posts Tagged ‘modal’

Vertically centering Bootstrap modal window

December 16, 2015 Leave a comment

To open the bootstrap modal popup in the center of screen use following code

http://jsfiddle.net/rahuladmin/07y8y5fg/

 

Hope this help !

Advertisements

Disable click outside of bootstrap model area to close modal

December 11, 2015 Leave a comment

Hello Friends following is the solution to disable outside click of bootstrap modal area

If you opening the modal by js use following:

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

Or 

You can define your modal behavior, defining data-keyboard and data-backdrop.

<div id="modal" class="modal hide fade in" data-keyboard="false" data-backdrop="static">
Hope this help !

AngularJS: Bootstrap Datepicker not working inside bootstrap modal Issue

November 17, 2015 Leave a comment

Issue :

The datepicker is working fine in all pages but when we add it inside a bootstrap modal (link below) it stop working.

Bootstrap Modal:

http://getbootstrap.com/2.3.2/javascript.html#modals

Same code is working in normal html files like below

http://jsfiddle.net/rahuladmin/6f4a6097/2/

 

Solution:

You need to call datepicker() in Modal itself like below:

datepickerInModal

 

Hope it helps

open modal popup using angularjs Bootstrap

November 3, 2015 Leave a comment