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.

transition `{String}`

Description: Gets or sets the transition effect to be used when showing/hiding the dialog

Default: alertify.defaults.transition:pulse

 alertify.dialog('confirm').set({transition:'pulse',message: 'Transition effect: pulse'}).show();

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

Confirm Dialog

transition {String}

Remarks

transition `{String}`