Print Page - How to change Font in MESSAGER and the Box Size ?

Title: How to change Font in MESSAGER and the Box Size ?
Post by: Jonny on September 03, 2015, 08:37:30 PM

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

Title: Re: How to change Font in MESSAGER and the Box Size ?
Post by: jarry on September 04, 2015, 01:39:06 AM

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

Code:

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

Title: Re: How to change Font in MESSAGER and the Box Size ?
Post by: Jonny on September 04, 2015, 02:14:26 AM

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

Title: Re: How to change Font in MESSAGER and the Box Size ?
Post by: jarry on September 04, 2015, 02:26:45 AM

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
});

Title: Re: How to change Font in MESSAGER and the Box Size ?
Post by: Jonny on September 04, 2015, 03:50:14 AM

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

Title: Re: How to change Font in MESSAGER and the Box Size ?
Post by: jarry on September 04, 2015, 07:17:05 AM

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
});

Title: Re: How to change Font in MESSAGER and the Box Size ?
Post by: Jonny on September 04, 2015, 08:45:52 AM

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

EasyUI Forum

General Category => General Discussion => Topic started by: Jonny on September 03, 2015, 08:37:30 PM