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.

modal `{Boolean}`

Description: Sets the dialog display mode, When set to true a screen dimmer will be used and access to the page contents will be prevented.

Default: true

 alertify.alert('Modal: false').set('modal', false);

Toggle

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();

Run

Default Usage

Properties

Methods

Events

Alert Dialog

modal {Boolean}

Remarks

modal `{Boolean}`