Forked from makeusabrew/bootbox-dialog-v4-all.js
Last active
August 21, 2016 12:00
-
-
Save DavidePastore/451788527adeb5b4a1886e421b4bf740 to your computer and use it in GitHub Desktop.
An attempt to demonstrate as many bootbox.dialog options as sanely possible in a single-file gist.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
bootbox.dialog({ | |
/** | |
* @required String|Element | |
*/ | |
message: "I am a custom dialog", | |
/** | |
* @optional String|Element | |
* adds a header to the dialog and places this text in an h4 | |
*/ | |
title: "Custom title", | |
/** | |
* @optional Function | |
* allows the user to dismisss the dialog by hitting ESC, which | |
* will invoke this function | |
*/ | |
onEscape: function() {}, | |
/** | |
* @optional Boolean | |
* @default: true | |
* whether the dialog should be shown immediately | |
*/ | |
show: true, | |
/** | |
* @optional Boolean | |
* @default: true | |
* whether the dialog should be have a backdrop or not | |
*/ | |
backdrop: true, | |
/** | |
* @optional Boolean | |
* @default: true | |
* show a close button | |
*/ | |
closeButton: true, | |
/** | |
* @optional Boolean | |
* @default: true | |
* animate the dialog in and out (not supported in < IE 10) | |
*/ | |
animate: true, | |
/** | |
* @optional String | |
* @default: null | |
* an additional class to apply to the dialog wrapper | |
*/ | |
className: "my-modal", | |
/** | |
* @optional Array | |
* @default: [] | |
* any buttons shown in the dialog's footer | |
*/ | |
buttons: [ | |
// For each object inside the buttons array... | |
/** | |
* @required Object|Function | |
* | |
* this first usage will ignore the `success` key | |
* provided and take all button options from the given object | |
*/ | |
{ | |
key: 'success', | |
/** | |
* @required String | |
* this button's label | |
*/ | |
label: "Success!", | |
/** | |
* @optional String | |
* an additional class to apply to the button | |
*/ | |
className: "btn-success", | |
/** | |
* @optional Function | |
* the callback to invoke when this button is clicked | |
*/ | |
callback: function() {} | |
}, | |
/** | |
* this usage demonstrates that if no label property is | |
* supplied in the object, the key is used instead | |
*/ | |
{ | |
key: "Danger!", | |
className: "btn-danger", | |
callback: function() {} | |
} | |
] | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment