EasyUI Forum
May 05, 2024, 01:24:30 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: Drawer 'closable' button not visible  (Read 982 times)
JeroenvdV
Newbie
*
Posts: 21


View Profile Email
« on: January 09, 2023, 02:15:12 PM »

Hi,

I want to show the closable button of the Drawer plugin. When I set the closable property to true, the button is still not shown.
What am I doing wrong?

Code:
<div id="additional-info" class="easyui-drawer" data-options="closable:true,width:350" >
    <p style="text-align:center;margin:50px 0;font-size:16px">Content...</p>
</div>
Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #1 on: January 10, 2023, 12:39:11 AM »

To display the standard tools on a panel, the 'title' property should be set.
Code:
<div id="additional-info" class="easyui-drawer" data-options="title:'&nbsp;',closable:true,collapsible:true,width:350">
...
</div>

You can also custom a collapsible button on a drawer.
Code:
<div id="additional-info" class="easyui-drawer" data-options="width:350">
<button class="easyui-linkbutton" iconCls="icon-no" plain="true" onclick="$('#additional-info').drawer('collapse')"></button>
<p style="text-align:center;margin:50px 0;font-size:16px">Content...</p>
</div>
Logged
JeroenvdV
Newbie
*
Posts: 21


View Profile Email
« Reply #2 on: January 10, 2023, 01:36:25 AM »

Thanks a lot Jarry, that works! Smiley
« Last Edit: January 10, 2023, 01:38:07 AM by JeroenvdV » 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!