PDA

View Full Version : Display tooltip when mouse over on Icon button



Mahitha
13 Oct 2009, 11:34 AM
Hi All
I need help from ExtJS users.
I am trying to display a tooltip when clicked on a button which is an icon.Below is the code where I want to display tooltip.Please advise how can I get to display tooltip.

var btnPanGrid2= new Ext.Panel({
border:false,
header:false,
width: 500,
height:50,
colspan:2,
items: [{
xtype: 'buttongroup',
border:false,
header:false,
bodyBorder:false,
frame:false,
items: [{
iconCls: 'add7',
iconAlign: 'top',
tooltip:'Test1'
},{
iconCls: 'add8',
iconAlign: 'top',
tooltip:'Test2'
}]
}]
});

.add7 {
background-image: url(./images/pic10.JPG) !important;
}
.add8 {
background-image: url(./images/pic11.JPG) !important;
}


var firstPanelGrid = new Ext.Panel({
title: 'Group By: ',
border:true,
renderTo: 'chartGrid1',
width: 500,
height:250,
layout:'table',
layoutConfig: {
columns:2 },
items: [btnPanGrid1,grid,btnPanGrid2]
});