EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: mzeddd on September 04, 2015, 05:25:48 AM

Title: $.messager.alert improvement
Post by: mzeddd on September 04, 2015, 05:25:48 AM

Hello,

$.messager.alert is very good thing to show different error and others messages.

But sometimes when I get this message from webserver and it is very-very big so $.messager.alert becames very big.
So we could not see heading line for the window etc...

My proposal & improvement is to open alert window (only if message it too big) so it use 30-50% (configurable???) of the screen. This window should get scrollbar to make user possibility to ready all message.

Any ideas about this?

//V

Title: Re: $.messager.alert improvement
Post by: stworthy on September 05, 2015, 08:38:22 AM

Please download the patch from http://www.jeasyui.com/download/downloads/jquery-easyui-1.4.3-patch.zip.
You can set the max height for the alert message window. When the message content becomes longer, the scrollbar appears.

Code:

$.messager.alert({
	title: 'Title',
	msg: 'alert message',
	height: 'auto',
	maxHeight: 400
})

Title: Re: $.messager.alert improvement
Post by: mzeddd on September 07, 2015, 07:51:43 AM

Thanks!

This is exactly what I wanted to see.

Is it possible to make this message window resizable?

//V

Title: Re: $.messager.alert improvement
Post by: stworthy on September 07, 2015, 08:30:01 AM

To make the message window resizable, just set the 'resizable' property to true.

Code:

$.messager.alert({
	title: 'Title',
	msg: 'alert message',
	height: 'auto',
	maxHeight: 400,
	resizable: true
})

Title: Re: $.messager.alert improvement
Post by: mzeddd on September 08, 2015, 02:52:14 AM

Thanks!

Title: Re: $.messager.alert improvement
Post by: gordis gmbh on September 16, 2015, 10:08:13 AM

How can these settings be configured once centrally for all alert boxes?

Title: Re: $.messager.alert improvement
Post by: stworthy on September 16, 2015, 06:34:20 PM

Please override the $.messager.defaults.

Code:

$.extend($.messager.defaults, {
	maxHeight: 400,
	resizable: true
});