EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: crosemffet on April 03, 2016, 05:07:05 AM

Title: separator in panel
Post by: crosemffet on April 03, 2016, 05:07:05 AM

hello, and thanks for your support:
in my panel I want to add one icon (16x16) acting as separator.
my code is:
iconCls:'icon-transparent',handler:function(){void(0);}
the icon separator shows ok, the problem is on the transparent icon the cursor shows the hand style, and the user can perform the click event on the transparent icon. the idea is one transparent icon with no click event at all and no hand cursor at all.
any idea?
thanks you in advance,

Title: Re: separator in panel
Post by: stworthy on April 03, 2016, 07:44:58 AM

To custom the panel tools, you have to define it inside an existing element. Please try this:

Code:

<div class="easyui-panel" title="Custom Panel Tools" style="width:700px;height:200px;" data-options="closable:true,tools:'#tt'">
</div>
<div id="tt">
	<span class="icon-transparent" style="display:inline-block;width:16px;height:16px;vertical-align:top"></span>
</div>