Alert dialog

The alert dialog with styles.

In order to make dialog works, add these files. assets/css/rdta/components/rdta-alertdialog.css, assets/js/rdta/components/rdta-alertdialog.js

---

Examples

Normal JS alert box. Show normal JS alert.

alert('Hello, this is normal JS alert.');

Info alert dialog. Show me.

RDTAAlertDialog.alert({
    'type': 'info',
    'html': '<p>Hello, this is RDTA alert dialog. You can use <strong>HTML</strong> here.</p>',
});

Danger alert dialog. Show me.

RDTAAlertDialog.alert({
    'type': 'danger',
    'html': '<p>Hello, this is RDTA alert dialog. You can use <strong>HTML</strong> here.</p>',
});

Warning alert dialog. Show me.

RDTAAlertDialog.alert({
    'type': 'warning',
    'html': '<p>Hello, this is RDTA alert dialog. You can use <strong>HTML</strong> here.</p>',
});

Success alert dialog. Show me.

RDTAAlertDialog.alert({
    'type': 'success',
    'html': '<p>Hello, this is RDTA alert dialog. You can use <strong>HTML</strong> here.</p>',
});

Text alert dialog. Show me.

If both text & html were set, it will be use text by default.

RDTAAlertDialog.alert({'type': 'info', 'text': 'Alert that contain <strong>text</strong> only.'});

Alert dialog on modal dialog

Open modal dialog

Events

RDTA alert dialog have few events for hooking.

Event type	Description
rdta.alertdialog.opened	This event is fired when alert dialog was opened.
rdta.alertdialog.closed	This event is fired when alert dialog was closed.

Click on this link to open alert dialog and see its events.