DialogBox Plugin with Bootstrap 4 Modal + Jquery Extended
Bootstrap Setup Documentation.
Dialog Box Documentation and Demo here.
Loading Indicator
$.DialogBox().ShowLoadingIndicator(); $.DialogBox().HideLoadingIndicator();Dialog Box
$.DialogBox().ShowDialogBox(); // Normal Information Message Box $.DialogBox().ShowConfirmDialogBox(); // A Confirmation Box $.DialogBox().ShowAlertDialogBox(); // An Alert Message Box $.DialogBox().ShowWarningDialogBox(); // A Warning Message Box $.DialogBox().ShowSuccessDialogBox(); // A Success Message Box $.DialogBox().ShowSuccessDialogBox({ Title: 'Success', Message: 'This show custom message and function callback.', CallBack:function(result){ if(result == true){ alert(result); } } }); $.DialogBox().ShowDialogBox({ Type: 'dark', Title: 'Dark label Dialog box', Message: 'This show custom message and function callback.', Size: 'modal-lg', Buttons:[{ label: 'Click Me', cssClass: 'btn-light', action: function(obj){ alert('inside button'); obj.modal.HideDialog(); // must put for close the Dialog } }] });