EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: arg-on on October 23, 2021, 06:37:05 AM

Title: how can i change the width or/and height of messanger.confirm buttons
Post by: arg-on on October 23, 2021, 06:37:05 AM

how can i change the width or/and height of messanger.confirm buttons ok and cancel

Title: Re: how can i change the width or/and height of messanger.confirm buttons
Post by: jarry on October 24, 2021, 11:52:59 PM

Custom the button CSS styles.

Code:

<style type="text/css">
	.mc .l-btn {
		width: 100px;
	}
	.mc .l-btn-text{
		line-height: 40px;
	}
</style>

And then apply it to the confirm dialog.

Code:

$.messager.confirm({
	cls: 'mc',
	title: 'Confirm',
	msg: 'Are you confirm this?',
	fn: function(r){
		if (r){
			alert('confirmed: '+r);
		}
	}
})

Title: Re: how can i change the width or/and height of messanger.confirm buttons
Post by: arg-on on October 25, 2021, 06:23:28 AM

Thank you jarry for your response.
It was very usefull.