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 () { |
