EasyUI Forum

General Category => General Discussion => Topic started by: Jonny on February 02, 2016, 08:17:37 AM



Title: How to disable shadow when popup messager.alert ?
Post by: Jonny on February 02, 2016, 08:17:37 AM
Hello Sir/Madam,

       Similiar to case about disabling messager's shadow in topic :
http://www.jeasyui.com/forum/index.php?topic=5325.msg13429#msg13429
that solved using stworthy's solution:
$.messager.confirm({
   title:'My Title',
   content:'Are you confirm this?',
   shadow:false,
   fn:function(r){ if (r){
         alert('confirmed:'+r);
      }
   }
});

But I need the right syntax when calling $messager.alert()
Could anyone experience disablling shadow on messager.alert()

Please help me...

Regards,
JONNY



Title: Re: How to disable shadow when popup messager.alert ?
Post by: stworthy on February 02, 2016, 08:32:53 AM
To disable the alert message shadow, set the 'shadow' property to false.
Code:
$.messager.alert({
title: 'My Title',
icon: 'info',
msg: 'Here is a message.',
shadow: false
});


Title: Re: How to disable shadow when popup messager.alert ?
Post by: Jonny on February 02, 2016, 08:48:42 AM
Thank you for responding Sir...
But when I applied to my function...
It doesn't work.. the background still gone transparent..
Please check my syntax:

function alertbox(demessage,desimbol,detitle,dewidth,deheight) {
    if (dewidth) {}  else {dewidth=350}
    if (deheight) {}  else {deheight='auto'}

$.messager.alert({   title: detitle ,
               msg: demessage,
               shadow: false,
               icon: desimbol,
               width: dewidth,
               height: deheight
               });
   return false;            
}


Regards,
JONNY


Title: Re: How to disable shadow when popup messager.alert ?
Post by: stworthy on February 02, 2016, 06:23:39 PM
Please refer to this example http://jsfiddle.net/2dk2zmck/


Title: Re: How to disable shadow when popup messager.alert ?
Post by: Jonny on February 02, 2016, 08:32:33 PM
Hello Sir,

Thank you very much for providing sample in jsfiddle..

By adding  "modal: false" , the shadow ( transparent effect ) is gone. :D


Regards,
JONNY