Bootstrap-4-DialogBox-Js

DialogBox Plugin with Bootstrap 4 Modal + Jquery Extended

Bootstrap Setup Documentation.

Dialog Box Documentation and Demo here.

Usage

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
        }
    }]
});