EasyUI Forum
April 29, 2024, 12:50:17 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: How to disable shadow when popup messager.alert ?  (Read 7116 times)
Jonny
Newbie
*
Posts: 38


View Profile Email
« 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

Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 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
});
Logged
Jonny
Newbie
*
Posts: 38


View Profile Email
« Reply #2 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
« Last Edit: February 02, 2016, 09:05:15 AM by Jonny » Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #3 on: February 02, 2016, 06:23:39 PM »

Please refer to this example http://jsfiddle.net/2dk2zmck/
Logged
Jonny
Newbie
*
Posts: 38


View Profile Email
« Reply #4 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. Cheesy


Regards,
JONNY
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!