How to change Font in MESSAGER and the Box Size ?

[Jonny]

Hello Sir/Madam,

Is there any possibility to change font style in messager because the default font is so small / tiny

I tried editing the class:
<style>
.messager-question-text{ font-size: 11pt; font-family: 'Verdana', cursive; }
.messager-text{ font-size: 11pt; font-family: 'Verdana', cursive; }
</style>
But nothing change..

And how to change messager's box size ?

$.messager.alert({
   title: 'I am learning messager !!',
   msg: '<div style="height:100px">This messagebox is in 740px width mode</div>',
   icon: 'info',
   width: 740,
   heigth: 160,
   top:40
   });   


Please help me correct the parameter above .
Thanks in advanced.

Regards,
JONNY

[jarry]

Please try this code instead to change the default font size.

Code:

<style type="text/css">
.messager-body{
font-size: 14px;
}
</style>

[Jonny]

Hello Jarry,

Thank's for your help... it is working

Could you teach me how to set height to messager' Box ?
Because it is related to font size, i want it looks proportional with the font...

$.messager.alert({
   title: 'I am learning messager !!',
   msg: '<div style="height:100px">This messagebox is in 740px width mode</div>',
   icon: 'info',
   width: 740,
   heigth: 160,
   top:40
   }); 

Is messager's Box sizable using <style>  ?
Please help me correct the parameter...
Thank you.

Regards,
JONNY

[jarry]

The code below displays the alert message window with special height and font size.

Code:

$.messager.alert({
   title: 'I am learning messager !!',
   msg: '<div style="height:160px;font-size:14px">This messagebox is in 740px width mode</div>',
   icon: 'info',
   width: 740,
   height: 'auto',
   top:40
});   

[Jonny]

Hello Jarry,

Is the messager's box height only can be set to 'auto'

I tried so many times...
$.messager did not accept any value.. ( seems like auto heigth )


Regards,
JONNY

[jarry]

You can set any height for the alert message window. Please download the patch from http://www.jeasyui.com/download/downloads/jquery-easyui-1.4.3-patch.zip.

Code:

$.messager.alert({
   title: 'I am learning messager !!',
   msg: 'This messagebox is in 740px width mode',
   icon: 'info',
   width: 740,
   height: 160,
   top:40
});

[Jonny]

Hello Jarry,

Thank you very much for making the patch...
After download and add the patch, my problems solved..

All well done now.



Regards,
Jonny