EasyUI Forum
March 28, 2024, 06:20:16 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: How to add tooltip over icon  (Read 3756 times)
Aod47
Jr. Member
**
Posts: 81


View Profile
« 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>
Logged
jarry
Administrator
Hero Member
*****
Posts: 2260


View Profile Email
« Reply #1 on: January 15, 2020, 12:25:11 AM »

Please look at this example http://code.reloado.com/ajesux4/edit#preview
Logged
Aod47
Jr. Member
**
Posts: 81


View Profile
« Reply #2 on: January 15, 2020, 06:39:05 AM »

Perfect!!!  Grin

I love EasyUI.
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!