Class kartik\dialog\Dialog

Dialog widget allows an easy configuration to control javascript dialogs and also generate rich styled bootstrap modal dialogs using bootstrap3-dialog plugin. The widget provides its own advanced javascript library KrajeeDialog that acts a polyfill for the native javascript alert, confirm, and prompt dialog boxes.

Example 1: Usage for a default dialog.

echo Dialog::widget([
   'libName' => 'krajeeDialog',
   'options => [], // default options
]);

Example 2: Usage for a customized dialog.

echo Dialog::widget([
   'libName' => 'krajeeDialogCust',
   'options => ['draggable' => true, 'closable' => true], // custom options
]);

Then you can use your own javascript as shown below to render your alert, confirm, and prompt boxes:

// use krajeeDialog object instance
$('#btn-1').on('click', function() {
    krajeeDialog.alert('An alert');
    // or show a confirm
    krajeeDialog.confirm('Are you sure', function(out){
        if(out) {
            alert('Yes'); // or do something on confirmation
        }
    });

});

// use krajeeDialogCust object instance
$('#btn-2').on('click', function() {
    krajeeDialogCust.alert('An alert');
    // or show a prompt
    krajeeDialogCust.prompt({label:'Provide reason', placeholder:'Upto 30 characters...'}, function(out){
        if (out) {
            alert('Yes'); // or do something based on the value of out
        }
    });

});