EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Aod47 on January 14, 2020, 06:21:42 PM



Title: How to add tooltip over icon
Post by: Aod47 on January 14, 2020, 06:21:42 PM
Dear Sir,

I create tab panel and use icon instead of title of each tab. (please see attached image)
I try to use easyui-tooltip class for show tooltip over icon but it doesn't work.
Could you please advice to to solve this issue.

Thank you.

Code:
<div id="TabpanelBib" class="easyui-tabs" data-options="fit:true,plain:true,selected:0,tabPosition:'right',headerWidth:40,tabHeight:40,border:false">
<div iconCls="icon-attributes" class="easyui-tooltip" title="Card" >
<div id="TabBibCard" class="easyui-panel" style="width:100%;height:100%;"></div>
</div>
<div iconCls="icon-bricks" class="easyui-tooltip" title="Items">
<div id="TabBibItems" class="easyui-panel" style="width:100%;height:100%;"></div>
</div>
<div iconCls="icon-form" >
<div id="TabBibForm" class="easyui-panel" style="width:100%;height:100%;"></div>
</div>
<div iconCls="icon-cog1" >
<div id="TabBibConfig" class="easyui-panel" style="width:100%;height:100%;"></div>
</div>
</div>


Title: Re: How to add tooltip over icon
Post by: jarry on January 15, 2020, 12:25:11 AM
Please look at this example http://code.reloado.com/ajesux4/edit#preview


Title: Re: How to add tooltip over icon
Post by: Aod47 on January 15, 2020, 06:39:05 AM
Perfect!!!  ;D

I love EasyUI.