This time I will share jQuery Plugin and tutorial about Confirm User Intention Using Bootstrap Confirmation Modal, hope it will help you in programming stack.
A fully customizable confirmation dialog component that provides a quick way to confirm user intentions in your Bootstrap 4 powered sites or web apps.
Created using jQuery library and Bootstrap 4’s modal component.
How to use it:
1. To begin with, load the minified version of the Bootstrap Confirmation Modal plugin in your Bootstrap project.
2 |
< link rel = "stylesheet" href = "/path/to/cdn/bootstrap.min.css" /> |
3 |
< script src = "/path/to/cdn/jquery.slim.min.js" ></ script > |
4 |
< script src = "/path/to/cdn/bootstrap.bundle.min.js" ></ script > |
6 |
< script src = "src/bootstrap-confirmation-modal.min.js" ></ script > |
2. Initialize the plugin and config the Bootstrap Confirmation Dialog with the following parameters.
- title: Dialog Title
- closeIcon: Determine whether to show the close icon. Default: false.
- message: Confirm message
- no: Customize the Reject button
- yes: Customize the Confirm button
- yesCallBack: Triggered when confirmed
- noCallBack: Triggered when rejected
01 |
bootstrapConfirmation({ |
03 |
title: 'Confirm Title' , |
05 |
message: 'Are You Sure?' , |
07 |
class: 'btn btn-danger' , |
11 |
class: 'btn btn-success' , |
15 |
yesCallBack: function () { |
18 |
noCallBack: function () { |