Alert

About

Alert — is a subclass of Modal component with pre-configured buttons and autoOpen/autoRemove behavior.

View Source Code

Initialization

$.alert({
    title: $t('Title'),
    content: $t('Content')
});

Options

Here is a list of alert options:

$.alert({
    title: $t('Title'),
    content: $t('Content'),
    modalClass: 'alert',
    focus: '.action-accept',
    buttons: [{
        text: $t('OK'),
        class: 'action-primary action-accept',
        click: function (event) {...}
    }]
});

Methods

Here is a list of available alert methods:

$(el).alert('setTitle', 'title');
$(el).alert('closeModal');

You can also get the alert instance using instance method and call the methods directly:

var modal = $(el).alert('instance');

modal.setTitle('title');
modal.openModal();

Events

Here is a list of event listeners for modal events:

$(document).on('alert:beforeCreate', (e, data) => {});
$(document).on('alert:afterCreate', (e, data) => {});
$(document).on('alert:opened', (e, data) => {});
$(document).on('alert:closed', (e, data) => {});

Each listener receives event and data objects. Data object has instance property that refers to alert widget that triggered the event.

Styles

Alert component fully reuse Modal styles.