Archive
AngularJS Form Validation – Disable Submit / Confirm Password Custom Directive
Vertically centering Bootstrap modal window
To open the bootstrap modal popup in the center of screen use following code
http://jsfiddle.net/rahuladmin/07y8y5fg/
Hope this help !
Disable click outside of bootstrap model area to close modal
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 !
How to launch Bootstrap modal on page load
To open bootstrap modal popup on page load use following
You can use the Bootstrap .modal('show') method for launching the modal window automatically when page load without clicking anything. A common example of this technique is loading the modal when user landed on the home page
Use the Bootstrap .modal('show') method
Example:
http://jsfiddle.net/rahuladmin/rL4jufcL/
Hope this help !
AngularJS: Bootstrap Datepicker not working inside bootstrap modal Issue
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:
Hope it helps
Rahul Bhatia
Comments