Print Page - Drawer 'closable' button not visible

Title: Drawer 'closable' button not visible
Post by: JeroenvdV 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>

Title: Re: Drawer 'closable' button not visible
Post by: jarry 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>

Title: [SOLVED] Drawer 'closable' button not visible
Post by: JeroenvdV on January 10, 2023, 01:36:25 AM

Thanks a lot Jarry, that works! :)

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: JeroenvdV on January 09, 2023, 02:15:12 PM