Bootstrap Show Modal, for creating dynamic prototypes in JavaScript. BS4 modal wrapper plugin that lets you create beautiful, responsive, and dynamic alert/confirmation dialogs and complex modal windows using the Bootstrap 4 component.
bootstrap 4 modal popup, bootstrap modal popup example, bootstrap modal form, bootstrap modal popup jquery
Convert Table To List Using Jquery With Bootstrap
How to make use of it:
<link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" /> <script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="/path/to/cdn/bootstrap.min.js"></script>
2. Load the JavaScript bootstrap-show-modal.js
after the jQuery library.
<script src="src/bootstrap-show-modal.js"></script>
3. The JavaScript to create an alert popup with an OK button.
$.<a href="#!">Modal</a>.alert({ title: "Alert Popup", body: "This is an alert popup" })
4. The JavaScript to create a primary modal window.
$.Modal.show({ title: "Modal Window", body: "This is a basic modal window" })
5. The JavaScript to create a confirmation dialog with confirming/cancel actions.
$.Modal.confirm({ title: "Confirm Dialog", body: "Are You Sure", textTrue: "Okey", textFalse: "Cancel", confirmed: function (result) { if (result) { // do something } else { // do something } }, hidden: function () { // do something } })
6. All default choices.
{ // modal title title: "", // modal body body: "", // modal footer footer: "", // additional CSS class(es) modalClass: "fade", // additional CSS class(es) for ".modal-dialog" modalDialogClass: "", // Bootstrap 4 modal's options options: null // called after created onCreate: null, // called after disposed onDispose: null, // called after confirmed // $.showConfirm only onSubmit: function(result, modal){} }
Create Dynamic Bootstrap 4 Modals, bootstrap show modal Plugin/Github
See Demo And Download
Official Website(shaack): Click Here
This superior jQuery/javascript plugin is developed by shaack. For extra Advanced Usages, please go to the official website.
Be First to Comment