Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Compatibility with Bootstrap 3 #164

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
26 changes: 17 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,17 @@
Bootstrap Modal v2.1
Bootstrap Modal v3.0.0
=============

Fork notice
-----------

This is a fork of [jschr/bootstrap-modal](https://github.com/jschr/bootstrap-modal) which intends to provide a Bootstrap 3 compatible branch.

Original README
-----------

See live demo [here](http://jschr.github.com/bootstrap-modal/).

Extends Bootstrap's native modals to provide additional functionality. Introduces a **ModalManager** class that operates behind the scenes to handle multiple modals by listening on their events.
Extends Bootstrap's native modals to provide additional functionality. Introduces a **ModalManager** class that operates behind the scenes to handle multiple modals by listening on their events.

A single ModalManager is created by default on body and can be accessed through the jQuery plugin interface.

Expand All @@ -21,7 +29,7 @@ Overview
+ Load content via AJAX
+ Disable background scrolling

Installation
Installation
-----------
+ Include `css/bootstrap-modal.css` after the main bootstrap css files.
+ Include `js/bootstrap-modalmanager.js` and `js/bootstrap-modal.js` after the main bootstrap js files.
Expand Down Expand Up @@ -101,16 +109,16 @@ The reason for doing this instead of just simply setting `overflow: hidden` when

Constrain Modal to Window Size
-----------

You can bind the the height of the modal body to the window with something like this:

$.fn.modal.defaults.maxHeight = function(){
// subtract the height of the modal header and footer
return $(window).height() - 165;
return $(window).height() - 165;
}

**Note:** This will be overwritten by the responsiveness and is only set when the modal is displayed, not when the window is resized.

Tab Index for Modal Forms
-----------
You can use `data-tabindex` instead of the default `tabindex` to specify the tabindex within a modal.
Expand All @@ -121,7 +129,7 @@ You can use `data-tabindex` instead of the default `tabindex` to specify the tab
See the stackable example on the [demo](http://jschr.github.com/bootstrap-modal/) page for an example.