jQuery Modal Dialog Plugin For Bootstrap 3 - Bootstrap 3 Dialog

Bootstrap 3 dialog is a jQuery plugin that enhances the Twitter Bootstrap's modal component to make it more interactive, user-friendly and easy-to-implement. Check the demo page for more information.

Message types supported:

• Default
• Info
• Primary
• Success
• Warning
• Danger

Basic Usage:

1. Include Twitter's Bootstrap framework on your web page.

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script> 

2. Include the latest jQuery javascript library on your web page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

3. Include jQuery Bootstrap 3 Dialog plugin files on your web page.

<link href="css/bootstrap-dialog.css" rel="stylesheet" type="text/css" />
<script src="js/bootstrap-dialog.js"></script>

4. Create a simple message box with a title and close button.

BootstrapDialog.show({
title: 'DEMO',
message: 'MESSAGES',
buttons: [{
    label: 'Close',
    action: function(dialogItself){
    dialogItself.close();
    }
}]
});

5. All default options.

type: BootstrapDialog.TYPE_PRIMARY,
title: null,
message: null,
closable: false,
draggable: false,
btnCancelLabel: BootstrapDialog.DEFAULT_TEXTS.CANCEL,
btnOKLabel: BootstrapDialog.DEFAULT_TEXTS.OK,
btnOKClass: null,
callback: null,
btnsOrder: 'btns-order-cancel-ok'

Change log:

v1.35.4 (2017-05-31)

• add Accessiblility on the close button
• Add support for data attributes on buttons
• Allow a mouseOver text for buttons
• Fix scrolling issue.
• Fix double submit when ok button is focused

v1.35.3 (2016-09-06)

• update and bug fixes

v1.35.2 (2016-06-23)

• Close icon on the top right is configurable
• Added option 'btnsOrder'
• Allowed use of require() and Electron now uses it in the CommonJS env

v1.35.1 (2016-03-25)

• bugfixes

v1.34.10 (2016-03-10)

• Fixed: Opening a dialog while closing another leads to miscalculated z-indexes
• Fixed: BootstrapDialog.moveFocus may be move focus to a none visible dialog
• nl2br is false by default
• Fixed: onshow(n) and onhide(en) do not work with "BootstrapDialog.alert" or "BootstrapDialog.confirm"

v1.34.9 (2016-01-12)

• Fixed: Cannot close alert box with 1.34.8

v1.34.8 (2016-01-06)

•  Set 'realized' status to false when closing a 'autodestroy' dialog. 

2015-11-09

• update

---

This awesome jQuery plugin is developed by nakupanda. For more Advanced Usages, please check the demo page or visit the official website.