Alert Dialog

An alert dialog is often used if you want to make sure information comes through to the user. When an alert dialog pops up, the user will have to click "OK" to proceed.
Looking for a commercial license ? Keep your source code proprietary and Buy a Commercial License Today!

All of AlertifyJS animation/transition effects are disabled due to user preference that the system minimizes the amount of animation or motion it uses. See prefers-reduced-motion CSS media feature.

frameless {Boolean}


Description: Sets the dialog frameless view mode, which hides both header/footer. But footer space is not reserved, the content author must be aware that dialog header/commands might overlap with contents.

Default: false

 alertify.alert('Frameless: true').set('frameless', true); 
Run

Remarks

You can use the .setting() method to set multiple values at once, Also works as a getter. Or use .get() and .set() aliases.


//get the closable setting value.
var closable = alertify.alert().setting('closable');
//grab the dialog instance using its parameter-less constructor then set multiple settings at once.
alertify.alert()
  .setting({
    'label':'Agree',
    'message': 'This dialog is : ' + (closable ? ' ' : ' not ') + 'closable.' ,
    'onok': function(){ alertify.success('Great');}
  }).show();