EasyUI Forum
October 18, 2025, 09:09:16 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: [SOLVED] Messager animation (fade)  (Read 7007 times)
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« on: September 30, 2017, 01:17:47 AM »

Hello
is it possible to add animation (fade) to messager alert?
I'm using simple alert:
$.messager.alert('Error','data','error');
and want to use fade animation (if possible) by opening and closing a messager.
Thank you.
« Last Edit: September 30, 2017, 07:40:16 PM by Pierre » Logged
jarry
Administrator
Hero Member
*****
Posts: 2300


View Profile Email
« Reply #1 on: September 30, 2017, 04:25:53 PM »

The messager dialog extends from panel component, you can set the 'openAnimation' and 'closeAnimation' properties.
Code:
$.messager.alert({
title: 'Error',
msg: 'Here is a message!',
icon: 'error',
openAnimation: 'fade',
closeAnimation: 'fade',
shadow: false,
style: {
boxShadow: '0 7px 8px -4px rgba(0, 0, 0, 0.2)'
}
});
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #2 on: September 30, 2017, 07:39:59 PM »

Awesome, thank you so much.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!