EasyUI Forum
March 28, 2024, 02:07:53 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Poll
Question: how can i change the width or/and height of  messanger.confirm buttons ok and cancel
x - 0 (0%)
x - 0 (0%)
Total Voters: 0

Pages: [1]
  Print  
Author Topic: how can i change the width or/and height of messanger.confirm buttons  (Read 3970 times)
arg-on
Newbie
*
Posts: 4


View Profile
« on: October 23, 2021, 06:37:05 AM »

how can i change the width or/and height of  messanger.confirm buttons ok and cancel
Logged
jarry
Administrator
Hero Member
*****
Posts: 2260


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


View Profile
« Reply #2 on: October 25, 2021, 06:23:28 AM »

Thank you jarry for your response.
It was very usefull.
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!