EasyUI Forum
April 28, 2024, 12:56:52 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Dialog buttons  (Read 25868 times)
Xiaolin
Newbie
*
Posts: 14


View Profile Email
« on: April 17, 2012, 06:53:41 AM »

The close, maximize and minimize buttons of dialog title bar cannot display in 1.2.5 and 1.2.6, even set the closable, maximizable and minimizable to true explicitly.
Logged
Kevin
Jr. Member
**
Posts: 52


View Profile Email
« Reply #1 on: April 18, 2012, 05:56:29 AM »

Hi Xiaolin

I've tested this on my server and did not see any issues with 1.2.5. The code I used to test with is below (similar to the demo software). I've also tested this with jQuery 1.7.1 without any issues.

<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <meta name="keywords" content="jquery,ui,easy,easyui,web">
   <meta name="description" content="easyui help you build your web page easily!">
   <title>Create Dialog - jQuery EasyUI Demo</title>
   <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
   <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
   <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
   <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
</head>
<body>
   <h2>Create Dialog</h2>
   <div id="dd" class="easyui-dialog" style="padding:5px;width:400px;height:200px;"
         title="My Dialog" iconCls="icon-ok" minimizable="true" maximizable="true" collapsible="true" closable="true"
         toolbar="#dlg-toolbar" buttons="#dlg-buttons">
      Dialog Content.
   </div>
   <div id="dlg-toolbar">
      <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')">Add</a>
      <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')">Save</a>
   </div>
   <div id="dlg-buttons">
      <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="javascript:alert('Ok')">Ok</a>
      <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')">Cancel</a>
   </div>
</body>
</html>
Logged
Xiaolin
Newbie
*
Posts: 14


View Profile Email
« Reply #2 on: April 18, 2012, 09:31:43 PM »

Thanks Kevin. It's my fault, I forgot to update the easyui.css.
There is another issue here. If we maximize the Dialog in a iframe, the iframe will display scroll bar in IE9, but it is ok in chrome.
Logged
Kevin
Jr. Member
**
Posts: 52


View Profile Email
« Reply #3 on: April 19, 2012, 08:47:11 AM »

You are welcome Xiaolin. It happens to the best of us Wink I also noticed when testing on Firefox, maximise opens to the full width of the page, but the height is fixed to 200px. It did not matter what the size of my browser window was.

Another point, I guess it might be through design, but minimize seems to do the same as the close button, ie sets the style 'display:none'.
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!