Dynamic Bootstrap Modal Plugin With jQuery - Modal Manager
| File Size: | 5.17 KB |
|---|---|
| Views Total: | 2110 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
A very smalll jQuery plugin that makes it easier to create dynamic Bootstrap modal windows directly in the JavaScript.
How to use it:
1. The plugin requires jQuery and Bootstrap loaded correctly in the html page.
<link rel="stylesheet" href="/path/to/bootstrap.min.css"> <script src="/path/to/jquery.min.js"></script> <script src="/path/to/bootstrap.min.js"></script>
2. Load the boostrapModalManager.js script after jQuery library.
<script src="src/boostrapModalManager.js"></script>
3. Create a basic Bootstrap modal window with default action buttons that will auto popup on page load.
$('body').bootstrapModalManager();
4. Customize the modal window with the following options & callbacks.
$('body').bootstrapModalManager({
sections: {
head: {
text: 'Test title',
buttons: []
},
body: {
text: 'A body of text.'
},
footer: {
buttons: [
{
classes: ['btn-default'],
text: 'Close',
action: null
},
{
classes: ['btn-primary'],
text: 'Save Changes',
action: null
}
]
}
}
});
This awesome jQuery plugin is developed by stuartmcg123. For more Advanced Usages, please check the demo page or visit the official website.











